论坛 › 其他技术 › 【WD团队】JS运算符汇总

村长 发表于 2022-1-28 22:17:28

【WD团队】JS运算符汇总

运算符是用来告诉 JavaScript 引擎执行某种操作的符号，例如加号（+）表示执行加法运算，减号（-）表示执行减法运算等，本节我们就来介绍一下 JavaScript 中不同的运算符
算术运算符
算数运算符用来执行常见的数学运算，例如加法、减法、乘法、除法等，下表中列举了 JavaScript 中支持的算术运算符：
运算符        描述        示例
+        加法运算符        x + y 表示计算 x 加 y 的和
-        减法运算符        x - y 表示计算 x 减 y 的差
*        乘法运算符        x * y 表示计算 x 乘 y 的积
/        除法运算符        x / y 表示计算 x 除以 y 的商
%        取模（取余）运算符        x % y 表示计算 x 除以 y 的余数
更多关于算术运算符的内容请转到：JS算术运算详解
示例代码如下：
var x = 10,
    y = 4;
console.log("x + y =", x + y);// 输出：x + y = 14
console.log("x - y =", x - y);// 输出：x - y = 6
console.log("x * y =", x * y);// 输出：x * y = 40
console.log("x / y =", x / y);// 输出：x / y = 2.5
console.log("x % y =", x % y);// 输出：x % y = 2
上述代码中，双引号中的内容是一个字符串，所以其中的运算符会原样输出，并不参与运算。
赋值运算符
赋值运算符用来为变量赋值，下表中列举了 JavaScript 中支持的赋值运算符：

运算符        描述        示例
=        最简单的赋值运算符，将运算符右侧的值赋值给运算符左侧的变量        x = 10 表示将变量 x 赋值为 10
+=        先进行加法运算，再将结果赋值给运算符左侧的变量        x += y 等同于 x = x + y
-=        先进行减法运算，再将结果赋值给运算符左侧的变量        x -= y 等同于 x = x - y
*=        先进行乘法运算，再将结果赋值给运算符左侧的变量        x *= y 等同于 x = x * y
/=        先进行除法运算，再将结果赋值给运算符左侧的变量        x /= y 等同于 x = x / y
%=        先进行取模运算，再将结果赋值给运算符左侧的变量        x %= y 等同于 x = x % y
更多关于赋值运算符的内容请转到：JS赋值运算符详解

示例代码如下：
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
字符串运算符
JavaScript 中的+和+=运算符除了可以进行数学运算外，还可以用来拼接字符串，其中：
+运算符表示将运算符左右两侧的字符串拼接到一起；
+=运算符表示先将字符串进行拼接，然后再将结果赋值给运算符左侧的变量。

示例代码如下：
var x = "Hello ";
var y = "World!";
var z = x + y;
console.log(z);// 输出：Hello World!
x += y;
console.log(x);// 输出：Hello World!
自增、自减运算符
自增、自减运算符用来对变量的值进行自增（+1）、自减（-1）操作，下表中列举了 JavaScript 中支持的自增、自减运算符：

运算符        名称        影响
++x        自增运算符        将 x 加 1，然后返回 x 的值
x++        自增运算符        返回 x 的值，然后再将 x 加 1
--x        自减运算符        将 x 减 1，然后返回 x 的值
x--        自减运算符        返回 x 的值，然后将 x 减 1
示例代码如下：
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
http://cdn.u1.huluxia.com/g4/M03/4C/48/rBAAdmHcHk6ABXwwAACM8CjkLhE824.jpg

大司命 发表于 2022-1-29 11:20:57

求沙发

梦影 发表于 2022-2-1 11:09:12

元芳你怎么看？

天镜盗梦 发表于 2022-2-1 22:15:15

前排支持下

yichong 发表于 2022-2-3 13:48:04

报告！别开枪，我就是路过来看看的。。。

千百渡 发表于 2022-2-4 09:41:00

非常好，顶一下

查看完整版本: 【WD团队】JS运算符汇总