JS操作符 – JavaScript教程

上一章JavaScript教程请查看：JS数据类型

在本教程中，你将学习如何使用JavaScript中的操作符操作变量和值。

什么是JavaScript中的操作符

操作符是告诉JavaScript引擎执行某种操作的符号或关键字。例如，加法(+)符号是告诉JavaScript引擎添加两个变量或值的操作符，而等to(==)、大于(>)或小于(<)符号是告诉JavaScript引擎比较两个变量或值的操作符，等等。

下面几节描述JavaScript中使用的不同操作符。

JavaScript算术运算符

算术运算符用于执行常见的算术运算，如加法、减法、乘法等。以下是完整的JavaScript算术运算符列表:

下面的示例将向你展示这些算术运算符的实际操作：

var x = 10;
var y = 4;
alert(x + y); // 输出: 14
alert(x - y); // 输出: 6
alert(x * y); // 输出: 40
alert(x / y); // 输出: 2.5
alert(x % y); // 输出: 2

JavaScript赋值操作符

赋值运算符用于为变量赋值。

下面的示例将向你展示这些赋值操作符的作用：

var x;    // 声明变量
 
x = 10;
alert(x); // 输出: 10
 
x = 20;
x += 30;
alert(x); // 输出: 50
 
x = 50;
x -= 20;
alert(x); // 输出: 30
 
x = 5;
x *= 25;
alert(x); // 输出: 125
 
x = 50;
x /= 10;
alert(x); // 输出: 5
 
x = 100;
x %= 15;
alert(x); // 输出: 10

JavaScript字符串运算符

有两个运算符也可以用于字符串。

下面的示例将向你展示这些字符串操作符的作用：

var str1 = "Hello";
var str2 = " World!";
 
alert(str1 + str2); // 输出: Hello World!
 
str1 += str2;
alert(str1); // 输出: Hello World!

JavaScript递增和递减操作符

递增/递减运算符用于递增/递减变量的值。

下面的示例将向你展示递增和递减操作符的实际工作方式：

var x; // 声明变量
 
x = 10;
alert(++x); // 输出: 11
alert(x);   // 输出: 11
 
x = 10;
alert(x++); // 输出: 10
alert(x);   // 输出: 11
 
x = 10;
alert(--x); // 输出: 9
alert(x);   // 输出: 9
 
x = 10;
alert(x--); // 输出: 10
alert(x);   // 输出: 9

JavaScript逻辑运算符

逻辑运算符通常用于组合条件语句。

下面的示例将向你展示这些逻辑操作符的实际工作方式：

var year = 2018;
 
// 闰年能被400或4整除，但不能被100整除
if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){
    alert(year + " 是闰年");
} else{
    alert(year + " 不是闰年");
}

JavaScript比较运算符

比较运算符用于以布尔型方式比较两个值。

下面的示例将向你展示这些比较操作符的作用：

var x = 25;
var y = 35;
var z = "25";
 
alert(x == z);  // 输出: true
alert(x === z); // 输出: false
alert(x != y);  // 输出: true
alert(x !== z); // 输出: true
alert(x < y);   // 输出: true
alert(x > y);   // 输出: false
alert(x <= y);  // 输出: true
alert(x >= y);  // 输出: false