JS算术运算符

最新推荐文章于 2023-04-03 20:11:29 发布
最新推荐文章于 2023-04-03 20:11:29 发布
阅读量232 收藏 1
点赞数 1
分类专栏： js核心编程 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suodabumilu/article/details/126393270
版权

算术运算符

前言

刚刚接触JS，同时也是第一次写博客，有什么做的不对的地方欢迎各位大佬指出呀ヾ(≧▽≦*)o

算术运算符

1.加法运算符 +

加法是算术运算符中比较复杂的一种；因为涉及到字符串拼接，所以内容就比较多；

  • 只包含Number数据类型时；
    注意：-0和-0相加为-0；正负无穷相加为NaN。其余都是正常的加法运算。代码如下：
		console.log(2 + 3);//5
        /* 正负0之间做加法：只有-0和-0相加才为-0，
        其余相加为0； */
        console.log((+0) + (+0));//0
        console.log((-0) + (-0));//-0
        console.log((+0) + (-0));//0
        //任何数与无穷相加都等于无穷本身
        console.log(2 + (-Infinity));//-Infinity;
        console.log(Infinity + 3);//Infinity
        /* 一正无穷和一负无穷相加等于NaN； */
        console.log(Infinity + (-Infinity));//NaN
        console.log((-Infinity) + (-Infinity));//-Infinity
        console.log(Infinity + Infinity);//Infinity
  • 其中一个操作数为Boolean数据类型时；
    将布尔转换为Number之后进行加法，即true转化为1，false转化为0。代码如下：
		// 将布尔转换为Number之后进行加法
        console.log(true + 3);//4
        console.log(false + 3);//3
  • 其中一个操作数为String数据类型时；
    若另一个操作数不是字符串，则用toString()方法或者String()函数，将其转化为字符串之后进行字符串拼接；若另一个操作数也是字符串，则直接进行字符串拼接。代码如下：
        console.log('2' + 3);//'23'
        console.log('' + 3);//'3'
        console.log('    ' + 3);//'     3'
        console.log('yun' + {});//'yun[object Object]'
        console.log('yun' + '3');//'yun3'
        console.log('yun' + NaN);//'yunNaN'
        //null和undefined
        console.log(null + '3');//'null3'
        console.log(undefined + '3');//'undefined3'
  • 其中一个操作数为引用数据类型时；
    调用它们的 toString()方法取得相应的字符串值，然后进行字符串拼接。代码如下：
		// 数组
        var arr = [];
        var arr1 = [1, 2]
        console.log(arr + 3);//'3'
        console.log(arr1 + 3);//'1,23'
        // 函数
        function fn() { }
        console.log(fn + 3);//'function fn() {}3'
        // object对象
        var obj = {}
        console.log(obj + 3);//'[object Object]3'
  • 其中一个操作数为null或者undefined时；
    将它们转换为Number之后进行运算，即null转化为0，undefined转化为NaN。代码如下：
		console.log(null + 3);//3
        console.log(undefined + 3);//NaN
  • 其中一个操作数为NaN时；
    若另一个是字符串，或者引用数据类型时，与NaN运算都会将NaN转化为字符串进行拼接；其余的与NaN运算，结果都为NaN。代码如下：
		console.log(NaN + 3);//NaN
        console.log(NaN + NaN);//NaN
        console.log(null + NaN);//NaN
        console.log(undefined + NaN);//NaN
        console.log('yun' + 3);//'yunNaN'
        console.log([1] + NaN);//'1NaN'
        console.log([1, 2] + NaN);//'1,2NaN'
        console.log({} + NaN);//'[object Object]NaN'

2.减法运算符 -

  • 只包含Number数据类型时；
    注意：两个相同符号的无穷进行减法，结果为NaN； 而一正无穷和一负无穷相减等于正无穷Infinity；其他进行正常的减法运算。代码如下：
        console.log(2 - 3);//-1
        // 任何数与无穷相减都等于无穷
        console.log(2 - (-Infinity));//Infinity
        console.log(Infinity - 3);//Infinity
        /* 两个相同符号的无穷进行减法，结果为NaN；
        而一正无穷和一负无穷相减等于正无穷Infinity； */
        console.log(Infinity - (-Infinity));//Infinity
        console.log((-Infinity) - (-Infinity));//NaN
        console.log(Infinity - Infinity);//NaN
  • 其中一个操作数是String类型，布尔类型，引用数据类型，null和undefined时；
    引用数据类型会调用自身valueOf方法进行转换，如果转换后不是原始值，则会调用toString方法进行转换，如果转换后不是数字，则会调用Number()进行转换，如果转换后不是数字则会返回NaN；而其他类型会先转换为Number类型之后再进行计算。代码如下：
        console.log('2' - 3);//-1
        console.log('yun' - 3);//NaN
        // 数字与布尔相减---将布尔转换为Number之后进行减法
        console.log(true - 3);//-2
        console.log(false - 3);//-3
        // 数字和引用数据类型相减
        console.log([] - 3);//-3
        console.log([1]  - 3);//-2
        console.log([1, 2] - 3);//NaN
        console.log({} - 3);//NaN
        // null和undefined---转换为Number之后进行减法
        console.log(null - 3);//-3
        console.log(undefined - 3);//NaN
  • 其中一个操作数是NaN时；
    NaN和任何数据类型进行减法，其结果都为NaN。代码如下：
        console.log(NaN - 3);//NaN
        console.log(NaN - Infinity);//NaN
        console.log('yun' - NaN);//NaN
        console.log(NaN - NaN);//NaN
        console.log(null - NaN);//NaN
        console.log(undefined - NaN);//NaN
        console.log([1] - NaN);//NaN
        console.log([1, 2] - NaN);//NaN
        console.log({} - NaN);//NaN

3.乘法运算符 *

  • 只包含Number数据类型时；
    注意：0和无穷相乘，结果为NaN，其余都是正常的乘法运算。代码如下：
		console.log(2 * 3);//6
		console.log(-2 * (-Infinity));//Infinity
        console.log(Infinity * 3);//Infinity
        // 正负0和无穷相乘结果为NaN；
        console.log((-0) * (-Infinity));//NaN
        console.log((+0) * (-Infinity));//NaN
        console.log((-0) * Infinity);//NaN
        console.log((+0) * Infinity);//NaN
        /*两个相同符号的无穷进行乘法，结果为Infinity；
        而一正无穷和一负无穷相乘等于负无穷-Infinity*/
        console.log(Infinity * (-Infinity));//-Infinity
        console.log((-Infinity) * (-Infinity));//Infinity
        console.log(Infinity * Infinity);//Infinity
  • 其中一个操作数是String类型，布尔类型，引用数据类型，null和undefined时；操作和减法运算相同；代码如下：
        console.log('2' * 3);//6
        console.log('yun' * 3);//NaN
        console.log(true * 3);//3
        console.log(false * 3);//0
        console.log([] * 3);//0
        console.log([1]  * 3);//3
        console.log([1, 2] * 3);//NaN
        console.log({} * 3);//NaN
        console.log(null * 3);//0
        console.log(undefined * 3);//NaN
  • 其中一个操作数时NaN时，其运算结果总是为NaN

4.除法运算符 /

  • 只包含Number数据类型时；
    注意：正负0相除，结果为NaN；正负0做除数结果为无穷，做被除数结果为0；正负无穷相除，结果都为NaN；正负无穷做被除数，结果都为无穷;做除数，结果为0；其余都是正常的乘法运算。代码如下：
        console.log(6 / 3);//2
        //正负0之间做除法都等于NaN；
        console.log((+0) / (+0));//NaN
        console.log((-0) / (-0));//NaN
        console.log((+0) / (-0));//NaN
        //正负0做除数，结果为无穷，做被除数结果为0
        console.log((+0) / (-3));//-0
        console.log((-0) / (-3));//0
        console.log((-4) / (-0));//Infinity
        console.log((-4) / (+0));//-Infinity
        //正负无穷做被除数，结果都为无穷;做除数，结果为0
        console.log(2 / (-Infinity));//-0
        console.log(Infinity / 3);//Infinity
        // 正负无穷之间做除法都等于NaN
        console.log(Infinity / (-Infinity));//NaN
        console.log((-Infinity) / (-Infinity));//NaN
        console.log(Infinity / Infinity);//NaN
  • 其中一个操作数是String类型，布尔类型，引用数据类型，null和undefined时；操作和减法运算相同；代码如下：
        console.log('2' / 2);//1
        console.log('yun' / 2);//NaN
        console.log(true / 2);//0.5
        console.log(false / 2);//0
        console.log([] / 2);//0
        console.log([1] / 2);//0.5
        console.log([1, 2] / 2);//NaN
        console.log({} / 2);//NaN
        console.log(null / 2);//0
        console.log(undefined / 2);//NaN
  • 其中一个操作数时NaN时，其运算结果总是为NaN

5.取余运算符 %

  • 只包含Number数据类型时；
    注意：正负0之间取余，结果为NaN；正负0做被除数结果为0，做除数结果为NaN；正负无穷之间取余，结果都为NaN；正负无穷做被除数，结果为NaN；做除数，结果为被除数数值，其余都是正常的乘法运算。代码如下：
		 console.log(2 % 3);//2
        /* 正负0之间做取余都等于NaN； */
        console.log((+0) % (+0));//NaN
        console.log((-0) % (-0));//NaN
        console.log((+0) % (-0));//NaN
        /* 正负0做被除数，结果也为正负0；
        做除数，结果NaN； */
        console.log((+0) % (-3));//0
        console.log((-0) % (-3));//-0
        console.log((-4) % (-0));//NaN
        console.log((-4) % (+0));//NaN
        // 正负无穷做被除数，结果为NaN；做除数，结果为被除数数值；
        console.log((-0) % (-Infinity));//-0
        console.log(2 % (-Infinity));//2
        console.log(Infinity % 3);//NaN
        //正负无穷之间做取余都等于NaN；
        console.log(Infinity % (-Infinity));//NaN
        console.log((-Infinity) % (-Infinity));//NaN
        console.log(Infinity % Infinity);//NaN
  • 其中一个操作数是String类型，布尔类型，引用数据类型，null和undefined时；操作和减法运算相同；代码如下：
        console.log('2' % 2);//0
        console.log('yun' % 2);//NaN
        console.log(true % 2);//1
        console.log(false % 2);//0
        console.log([] % 2);//0
        console.log([1] % 2);//1
        console.log([1, 2] % 2);//NaN
        console.log({} % 2);//NaN
        console.log(null % 2);//0
        console.log(undefined % 2);//NaN
  • 其中一个操作数时NaN时，其运算结果总是为NaN

总结

加法

  • 除String类型外的基础数据类型进行加法运算时，会通过Number()方法，转为数字类型；
  • 有一个操作数String类型以及引用数据类型时，会转为字符串之后进行字符串的拼接；

减法，乘法，除法，取余

  • 基础数据类型会调用Number()方法进行转换；

  • 引用数据类型会调用自身valueOf方法进行转换，如果转换后不是原始值，则会调用toString方法进行转换，如果转换后不是数字，则会调用Number()进行转换，如果转换后不是数字则会返回NaN。

    以上就是本人对JS算术运算符一点小小的理解。有什么遗漏的欢迎大家在评论里面补充呀(●’◡’●)

MioSpring
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vector_script:重载用于矢量数学的算术运算符
05-24
vector_script 重载用于矢量数学的算术运算符。
JS中除法运算
星海浮沉的成长路
03-08 5436
JS中除法运算,需要注意
JS的除法应用 求余，取整，进一法，四舍五入
Zeng__Yi的博客
11-29 1万+
JS的除法运算： / 除法运算 % 求余运算 列如： const a=256; const b=a/100; // b=2.56 const c=a%100；// c=56 1.取整：parseInt():只保留整数位：在这里等同Math.floor() const d=parseInt(b); //d=2 2.进一法：Math.ceil():...
JS基础之运算符
李建雨的博客
11-22 856
一、算术运算符 + 加法运算符 - 减法运算符 * 乘法运算符 / 除法运算符 % 取余运算符 1、加法运算符 使用加法运算符"+"进行加法运算 代码： let num1 = Number(prompt('请输入第一个数')); let num2 = Number(prompt('请输入第二个数')); l...
js 除法取整数、取余数的方法
qq_41353397的博客
09-05 2万+
**js 除法取整数、取余数的方法 取整 1.取整 // 丢弃小数部分,保留整数部分 parseInt(5/2)　　// 2 2.向上取整 // 向上取整,有小数就整数部分加1 Math.ceil(5/2)　　// 3 3.向下取整 // 向下取整,丢弃小数部分 Math.floor(5/2)　　// 2 4四舍五入 // 四舍五入 Math.round(5/2)　　// 3 取余 // 取余 6%4　　//** ...
js中的除法
weixin_30294021的博客
03-31 1199
最近做了一个分页的用户控件，使用到了js中的除法。整理如下。 Math.ceil();向上舍入，比如Math.ceil(3/2)=2; Math.floor();向下舍入，比如Math.floor(3/2)=1; Math.round();四舍五入,比如Math.round(3/2)=2;Math.round(5/2)=2; 同时也用到了ExtJs中对获取Store中的一些方法： ...
JavaScript基础之运算符
01-08
JS运算符算术运算符比较运算符关系运算符位运算符赋值运算符条件运算符typeof 运算符对象运算符 JavaScript支持一下几种运算符： 算术运算符 比较运算符 关系运算符 赋值运算符 条件运算符 算术运算符 运算符 ...
JS运算符简单用法示例
11-21
算术运算符：+，-，*，/,% 逻辑运算符：&，&&，|，||，！ 自增运算符：++，–，+=，-= 关系运算符：<,>,=,<=,>=,!= 等于运算符：==，=== instance： <html> <head> <title>js运算符</...
vector:该库在js中提供3D Vector，包括算术运算符重载（+-*％**）
05-13
该库在js中提供3D Vector，包括算术运算符重载（ + - * / % ** ）。 通常，javascript中的矢量实现通过aVec.multiply(bVec).substract(dVec)方法处理算术运算。 其他语言提供了运算符重载，编码人员可以创建Vector...
JavaScript 运算符
01-19
JavaScript 算术运算符 <p算术运算符用于执行变量与/或值之间的算术运算。 <p给定 y=5，下面的表格解释了这些算术运算符： 运算符 描述 例子 x 运算结果 y 运算结果 在线实例 + 加法 x=y+2 7 5 – ...
js中乘、除、取余、加、减操作符
m0_66239735的博客
04-03 2094
如果有一个操作数是对象，则调用对象的 valueOf()方法以取得表示该对象的数值。如果得到的值是 NaN，则减法的结果就是 NaN。如果对象没有 valueOf()方法，则调用其 toString()方法并将得到的字符串转换为数值。如果有一个操作数不是数值，则在后台调用 Number()将其转换为数值，然后再应用上面的规则。除法操作符由一个斜线符号（/）表示，执行第二个操作数除第一个操作数的计算。如果操作数都是数值，执行常规的除法计算，返回除得的余数；数组有一个值且为数字，转为数字;
关于JS的除法
热门推荐
周先森爱编程丶的博客
07-19 4万+
今天写js做判断的时候，发现了一个认知上的错误，原来js的除法就是我们的数学除法，不跟JAVA一样，不做向下取整的 。 function tj() { alert(80/52); alert(Math.ceil(80/52)); alert(Math.floor(80/52)); alert(Math.round(80/52)); ｝ 结果分别是： 数...
JS整除运算
姑苏流白
03-10 4880
0x00 方法 Math.ceil(x/y); // 向上整除 4/3=2; Math.floor(x/y); // 向下整除 4/3=1; Math.round(x/y); // 四舍五入 5/2=3 5/4=1; parseInt(x/y); // 丢弃小数部分,保留整数部分; 0x01 性能 function fn1(x, y){let t = Math.ceil(x/y)...
Js的乘法、除法、加法、减法、相等操作符、条件操作符
weixin_38122129的博客
03-07 2792
乘法： 在处理特殊的值的请款下，乘法操作符遵循下列特殊的规则; 1.如果是两个数相乘。执行常规的乘法运算 2.如果一个操作数是NaN，则结果是NaN 3.如果是Infinity与0相乘，则结果是NaN 4.如果是Infinity与非0数值相乘，则结果是Infinity或-Infinity,取决于操作符的符号 5.如果是Infinity与Infinity相乘，则结果是Infinity 6.如果有一个操作数不是数值，则在后台调用Number（）将其转换成为数值，然后在应用上面的数值。 除法：
js除法取整(js除法向上取整)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
12-10 4604
Javascript取整问题。要求只要有小数存在就进一位。例如：2.1取3，3.1取4 var a = 2.0; function parseNumber(number, splitChar) { var n = number + ''; var s = splitChar == nullvar a = 2...
JS算数运算符
shmilynn_的博客
02-17 1740
1.运算符 运算符也成为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 js中最常用的运算符有： ????算数运算符 ????递增和递减运算符 ????比较运算符 ????逻辑运算符 ????赋值运算符 2.算数运算符 算术运算符使用的符号，用于执行两个变量或者值的算数运算 3.浮点数精度问题 浮点数值的最高精度是17位数，所以在进行算数计算时其精确度远远不如整数。 算术运算会出现问题 不要直接判断两个浮点数是否相等 如果一个数取余是0，说明他能被这个数整除
JavaScript中正负零
fredricen的专栏
06-11 1422
JavaScript中正负零 判断正负零 //判断是否为+0 function isPositiveZero(num){ return num === 0 && 1 / num > 0 } //判断是否为-0 function isNegativeZero(num){ return num === 0 && 1 / num < 0 } 正负零的加减...
Javascript的算术运算符
m0_67316947的博客
03-29 3254
一、基本运算符 一、加法运算 + 在JS里可以用 "+" 来表示加法运算符 如：document.write(1+2); var a = 5; var b = 5; var c = a+b; 注意一下，"+"不仅可以表示加法运算符，还可以用来表示字符串的拼接。 如： var a = "Hello"; var b = a + "world"; 二、减法运算符 - 在JS里可以用 "-" 来表示减法运算符 如：document.write(3-2); var a = 5; var b =
javascript语言基础：js运算符
最新发布
06-06
JavaScript语言基础中的运算符包括算术运算符、比较运算符、逻辑运算符、位运算符、赋值运算符、三元运算符等。算术运算符包括加、减、乘、除、取模等；比较运算符包括等于、不等于、大于、小于、大于等于、小于等于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值