分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

JS基础_算数运算符

发布时间:2023-09-06 01:16责任编辑:蔡小小关键词:运算符
 ?1 <!DOCTYPE html> ?2 <html> ?3 ????<head> ?4 ????????<meta charset="UTF-8"> ?5 ????????<title></title> ?6 ????????<script type="text/javascript"> ?7 ??????????????8 ????????????/* ?9 ?????????????* 运算符也叫操作符 10 ?????????????* ????通过运算符可以对一个或多个值进行运算,并获取运算结果 11 ?????????????* ????比如:typeof就是运算符,可以来获得一个值的类型,它会将该值的类型以字符串的形式返回 number string boolean undefined object 12 ?????????????* ?13 ?????????????* ????算数运算符 14 ?????????????* ????????当对非Number类型的值进行运算时,会将这些值转换为Number然后再运算,任何值和NaN做运算都得NaN 15 ?????????????* ?16 ?????????????* ?????????17 ?????????????* ????????+ ???+可以对两个值进行加法运算,并将结果返回 18 ?????????????* ?????????????如果对两个字符串进行加法运算,则会做拼串,会将两个字符串拼接为一个字符串,并返回 19 ?????????????* ????????????任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作 20 ?????????????* ?????????21 ?????????????* ????????- ???- 可以对两个值进行减法运算,并将结果返回 22 ?????????????* ?23 ?????????????* ?????????24 ?????????????* ????????* ???* 可以对两个值进行乘法运算 25 ?????????????* ?????????26 ?????????????* ????????/ ???/ 可以对两个值进行除法运算 27 ?????????????* ?????????28 ?????????????* ????????% ???% 取模运算(取余数) 29 ?????????????*/ 30 ?????????????31 ????????????var a = 123; 32 ????????????var result = typeof a; 33 ????????????console.log(result);//number 34 ????????????console.log(typeof result); //string 35 ?????????????36 ?????????????37 ????????????result = a + 1; 38 ????????????console.log(result);//124 39 ?????????????40 ?????????????41 ????????????result = 456 + 789; 42 ????????????console.log(result);//1245 43 ?????????????44 ?????????????45 ????????????result = true + 1; 46 ????????????console.log(result);//2 47 ?????????????48 ?????????????49 ????????????//任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作 50 ????????????result = true + false; 51 ????????????console.log(result);//1 52 ?????????????53 ?????????????54 ????????????//任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作 55 ????????????result = 2 + null; 56 ????????????console.log(result);//2 57 ?????????????58 ?????????????59 ????????????//任何值和NaN做运算都得NaN 60 ????????????result = 2 + NaN; 61 ????????????console.log(result);//NaN 62 ?????????????63 ?????????????64 ????????????//如果对两个字符串进行加法运算,则会做拼串,会将两个字符串拼接为一个字符串,并返回 65 ????????????result ?= "123" + "456"; 66 ????????????console.log(result);//123456 67 ?????????????68 ?????????????69 ????????????result = "你好" + "大帅哥"; 70 ????????????console.log(result);//你好大帅哥 71 ?????????????72 ?????????????73 ????????????var str = "锄禾日当午," + 74 ??????????????????????"汗滴禾下土," + 75 ??????????????????????"谁知盘中餐," + 76 ??????????????????????"粒粒皆辛苦"; 77 ????????????console.log(str);//锄禾日当午,汗滴禾下土,谁知盘中餐,粒粒皆辛苦 ??????????78 ?????????????79 ????????????//----------------------------------------------------------------------------------- 80 ?????????????81 ????????????//任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作 82 ????????????result = 123 + "1"; 83 ????????????console.log(result);//1231 84 ?????????????85 ?????????????86 ????????????//任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作 87 ????????????result = true + "hello"; 88 ????????????console.log(result);//truehello 89 ?????????????90 ?????????????91 ????????????/* 92 ?????????????* 我们可以利用这一特点,来将一个任意的数据类型转换为String 93 ?????????????* ????我们只需要为任意的数据类型 + 一个 "" 即可将其转换为String 94 ?????????????* ????这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用String()函数 95 ?????????????*/ 96 ????????????var c = 123; 97 ????????????c = c + ""; //和c = String(c)本质上是一样的 98 ????????????console.log(typeof c);//string 99 ????????????100 ????????????101 ????????????result = 1 + 2 + "3"; 102 ????????????console.log(result); //33103 ????????????104 ????????????result = "1" + 2 + 3; 105 ????????????console.log(result); //123106 ????????????107 ????????????//-----------------------------------------------------------------------------------108 ????????????109 ????????????result = 100 - 5;110 ????????????console.log(result); //95111 ????????????112 ????????????result = 100 - true; 113 ????????????console.log(result); //99114 ????????????115 ????????????result = 100 - "1";116 ????????????console.log(result); //99117 ????????????118 ????????????result = 2 * 2;119 ????????????console.log(result); //4120 ????????????121 ????????????result = 2 * "8"; 122 ????????????console.log(result); //16123 ????????????124 ????????????result = 2 * undefined;125 ????????????console.log(result); //NaN126 ????????????127 ????????????result = 2 * null;128 ????????????console.log(result); //0129 ????????????130 ????????????result = 4 / 2;131 ????????????console.log(result); //2132 ????????????133 ????????????result = 3 / 2;134 ????????????console.log(result); //1.5135 ????????????136 ????????????//-----------------------------------------------------------------------------------137 ????????????138 ????????????/*139 ?????????????* 任何值做 ?- ?* ?/ 运算时都会自动转换为Number140 ?????????????* ????我们可以利用这一特点做隐式的类型转换141 ?????????????* ????????可以通过为一个值 -0 ?、*1 、 /1来将其转换为Number,原理和Number()函数一样,使用起来更加简单142 ?????????????*/143 ????????????144 ????????????var d = "123";145 ????????????d = d - 0;146 ????????????console.log(d); //123147 ????????????console.log(typeof d);//number148 ????????????149 ????????????150 ????????????result = 9 % 3;151 ????????????console.log(result); //0152 ????????????153 ????????????result = 9 % 4;154 ????????????console.log(result); //1155 ????????????156 ????????????result = 9 % 5;157 ????????????console.log(result); //4158 ????????????159 ????????????160 ????????</script>161 ????</head>162 ????<body>163 ????</body>164 </html>

JS基础_算数运算符

原文地址:http://www.cnblogs.com/ZHOUVIP/p/7648171.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved