17 - 运算符 - 算术运算符 - 加减乘除及取模运算

前端 - Javascript 《运算符 - 算术运算符 - 加减乘除及取模运算》

在 JavaScript 的世界里，算术运算符就像是一群勤劳的小工匠，它们帮助我们对数据进行各种计算操作。其中最常用的就是加减乘除以及取模运算啦，让我们一起来认识一下这些“小工匠”们。

加法运算符（+）

加法运算符就像是一个热心的“合并大师”，它可以将两个数值相加，也可以将字符串连接起来。

数值相加

let num1 = 5;
let num2 = 3;
let result = num1 + num2;
console.log(result); // 输出 8

这里，加法运算符把 num1 和 num2 这两个数值合并成了一个新的数值 8。

字符串连接

let str1 = "Hello";
let str2 = " World";
let combinedStr = str1 + str2;
console.log(combinedStr); // 输出 "Hello World"

当加法运算符遇到字符串时，它就会把两个字符串连接在一起，变成一个更长的字符串。

减法运算符（-）

减法运算符是一个“减法专家”，它专门负责计算两个数值之间的差值。

let num3 = 10;
let num4 = 4;
let difference = num3 - num4;
console.log(difference); // 输出 6

在这个例子中，减法运算符从 num3 中减去 num4，得到差值 6。

乘法运算符（*）

乘法运算符就像是一个“复制魔法师”，它可以将一个数值按照另一个数值的倍数进行复制。

let num5 = 2;
let num6 = 7;
let product = num5 * num6;
console.log(product); // 输出 14

这里，乘法运算符把 num5 复制了 num6 次，得到结果 14。

除法运算符（/）

除法运算符是一个“分配高手”，它可以将一个数值平均分配给另一个数值。

let num7 = 15;
let num8 = 3;
let quotient = num7 / num8;
console.log(quotient); // 输出 5

在这个例子中，除法运算符把 num7 平均分成了 num8 份，每份是 5。

取模运算符（%）

取模运算符也叫求余运算符，它就像是一个“余数侦探”，专门找出除法运算后的余数。

let num9 = 17;
let num10 = 5;
let remainder = num9 % num10;
console.log(remainder); // 输出 2

这里，17 除以 5 商是 3，余数是 2，取模运算符就把这个余数 2 找了出来。

总结表格

这些算术运算符在 JavaScript 中非常重要，它们可以帮助我们完成各种复杂的计算任务。无论是简单的数值计算，还是处理字符串的连接，它们都能大显身手。在实际的前端开发中，我们经常会用到这些运算符来处理用户输入的数据、计算页面元素的尺寸等等。所以，掌握好这些算术运算符，就像是拥有了一把万能钥匙，可以打开 JavaScript 编程世界的许多大门。

希望通过这篇文章，你能对 JavaScript 中的加减乘除及取模运算有更深入的了解，在编程的道路上越走越远！