我是靠谱客的博主 害怕汽车,这篇文章主要介绍javascript怎么实现加减乘除运算,现在分享给大家,希望可以做个参考。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

在javascript中,可以利用运算符实现加减乘除四则运算。运算符是用来告诉 JavaScript 引擎执行某种操作的符号,例如加号(+)表示执行加法运算,减号(-)表示执行减法运算等。

一:算术运算符

算数运算符用来执行常见的数学运算,例如加法、减法、乘法、除法等,下表中列举了 JavaScript 中支持的算术运算符:

运算符描述示例
+加法运算符x + y 表示计算 x 加 y 的和
-减法运算符x - y 表示计算 x 减 y 的差
*乘法运算符x * y 表示计算 x 乘 y 的积
/除法运算符x / y 表示计算 x 除以 y 的商
%取模(取余)运算符x % y 表示计算 x 除以 y 的余数

加法运算符

示例1

注意特殊操作数的求和运算。

复制代码
1
2
3
4
5
6
var n = 5; //定义并初始化任意一个数值 console.log(NaN + n); //NaN与任意操作数相加,结果都是NaN console.log(Infinity + n); //Infinity与任意操作数相加,结果都是Infinity console.log(Infinity + Infinity); //Infinity与Infinity相加,结果是Infinity console.log((-Infinity) + (-Infinity)); //负Infinity相加,结果是负Infinity console.log((-Infinity) + Infinity); //正负Infinity相加,结果是NaN
登录后复制

示例2

加运算符能够根据操作数的数据类型,决定是相加操作,还是相连操作。

复制代码
1
2
3
4
5
console.log(1 + 1); //如果操作数都是数值,则进行相加运算 console.log(1 + "1"); //如果操作数中有一个是字符串,则进行相连运算 console.log(3.0 + 4.3 + ""); //先求和,再连接,返回"7.3" console.log(3.0 + "" + 4.3); //先连接,再连接,返回"34.3" //3.0转换为字符串3
登录后复制

在使用加法运算符时,应先检查操作数的数据类型是否符合需要。

减法运算符

示例1

注意特殊操作数的减法运算。

复制代码
1
2
3
4
5
6
var n = 5; //定义并初始化任意一个数值 console.log(NaN - n); //NaN与任意操作数相减,结果都是NaN console.log(Infinity - n); //Infinity与任意操作数相减,结果都是Infinity console.log(Infinity - Infinity); //Infinity与Infinity相减,结果是NaN console.log((-Infinity) - (-Infinity)); //负Infinity相减,结果是NaN console.log((-Infinity) - Infinity); //正负Infinity相减,结果是-Infinity
登录后复制

示例2

在减法运算中,如果操作数为字符串,先尝试把它转换为数值,再进行运算。如果有一个操作数不是数字,则返回 NaN。

复制代码
1
2
console.log(2 - "1"); //返回1 console.log(2 - "a"); //返回NaN
登录后复制

使用值减去 0,可以快速把值转换为数字。例如 HTTP 请求中查询字符串一般都是字符串型数字,可以先把这些参数值减去 0 转换为数值。这与调用 parseFloat() 方法的结果相同,但减法更高效、快捷。减法运算符的隐性转换如果失败,则返回 NaN,这与使用 parseFloat() 方法执行转换时的返回值是不同的。

例如,对于字符串“100aaa”而言,parseFloat() 方法能够解析出前面几个数字,而对于减法运算符来说,则必须是完整的数字,才可以进行转换。

复制代码
1
2
console.log(parseFloat("100aaa")); //返回100 console.log("100aaa" - 0); //返回NaN
登录后复制

对于布尔值来说,parseFloat() 方法能够把 true 转换为 1,把 false 转换为 0,而减法运算符视其为 NaN。

对于对象来说,parseFloat() 方法会尝试调用对象的 toString() 方法进行转换,而减法运算符先尝试调用对象的 valueOf() 方法进行转换,失败之后再调用 toString() 进行转换。

乘法运算符

注意特殊操作数的乘法运算。

复制代码
1
2
3
4
5
6
var n = 5; //定义并初始化任意一个数值 console.log(NaN * n); //NaN与任意操作数相乘,结果都是NaN console.log(Infinity * n); //Infinity与任意非零正数相乘,结果都是Infinity console.log(Infinity * (- n)); //Infinity与任意非零负数相乘,结果是-Infinity console.log(Infinity * 0); //Infinity与0相乘,结果是NaN console.log(Infinity * Infinity); //Infinity与Infinity相乘,结果是Infinity
登录后复制

除法运算符

注意特殊操作数的除法运算。

复制代码
1
2
3
4
5
6
7
var n = 5; //定义并初始化任意一个数值 console.log(NaN / n); //如果一个操作数是NaN,结果都是NaN console.log(Infinity / n); //Infinity被任意数字除,结果是Infinity或-Infinity //符号由第二个操作数的符号决定 console.log(Infinity / Infinity); //返回NaN console.log(n / 0); //0除一个非无穷大的数字,结果是Infinity或-Infinity,符号由第二个操作数的符号决定 console.log(n / -0); //返回-Infinity,解释同上
登录后复制

求余运算符

求余运算也称模运算例如:

复制代码
1
console.log(3 % 2); //返回余数1
登录后复制

模运算主要针对整数进行操作,也适用于浮点数。例如:

复制代码
1
console.log(3.1 % 2.3); //返回余数0.8000000000000003
登录后复制

示例

注意特殊操作数的求余运算。

复制代码
1
2
3
4
5
6
7
8
var n = 5; //定义并初始化任意一个数值 console.log(Infinity % n); //返回NaN console.log(Infinity % Infinity); //返回NaN console.log(n % Infinity); //返回5 console.log(0 % n); //返回0 console.log(0 % Infinity); //返回0 console.log(n % 0); //返回NaN console.log(Infinity % 0); //返回NaN
登录后复制

二:赋值运算符

赋值运算符用来为变量赋值,有以下两种形式:

  • 简单的赋值运算 = :把等号右侧操作数的值直接复制给左侧的操作数,因此左侧操作数的值会发生变化。

  • 附加操作的赋值运算:赋值之前先对右侧操作数执行某种操作,然后把运算结果复制给左侧操作数。

一些附加操作的赋值运算就可以实现加减乘除四则运算。具体说明如表所示:

实现加减乘除四则运算的附加操作的赋值运算符
赋值运算符说明示例等效于
+=加法运算或连接操作并赋值a += ba = a + b
-=减法运算并赋值a -= ba= a - b
*=乘法运算并赋值a *= ba = a * b
/=除法运算并赋值a /= ba = a / b
%=取模运算并赋值a %= ba = a % b

示例代码如下:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var x = 10; x += 20; console.log(x); // 输出:30 var x = 12, y = 7; x -= y; console.log(x); // 输出:5 x = 5; x *= 25; console.log(x); // 输出:125 x = 50; x /= 10; console.log(x); // 输出:5 x = 100; x %= 15; console.log(x); // 输出:10
登录后复制

三:自增、自减运算符

自增、自减运算符用来对变量的值进行自增(+1)、自减(-1)操作,下表中列举了 JavaScript 中支持的自增、自减运算符:

运算符名称影响
++x自增运算符将 x 加 1,然后返回 x 的值
x++自增运算符返回 x 的值,然后再将 x 加 1
--x自减运算符将 x 减 1,然后返回 x 的值
x--自减运算符返回 x 的值,然后将 x 减 1

示例代码如下:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var x; x = 10; console.log(++x); // 输出:11 console.log(x); // 输出:11 x = 10; console.log(x++); // 输出:10 console.log(x); // 输出:11 x = 10; console.log(--x); // 输出:9 console.log(x); // 输出:9 x = 10; console.log(x--); // 输出:10 console.log(x); // 输出:9
登录后复制

【相关推荐:javascript视频教程、编程基础视频】

以上就是javascript怎么实现加减乘除运算的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是害怕汽车最近收集整理的关于javascript怎么实现加减乘除运算的全部内容,更多相关javascript怎么实现加减乘除运算内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(106)

评论列表共有 0 条评论

立即
投稿
返回
顶部