JavaScript的六大常用操作符，把握好它们，成为JavaScript高手！

2024-01-09 20:10:41

前言

哈喽大家好，我是Lotzinfly，一位前端小猎人。欢迎大家来到前端丛林。

在JavaScript中，操作符是一个非常重要的组成部分，它允许我们对数据进行各种各样的操作，比如加减乘除、比较大小、判断真假等等。JavaScript中一共有六大类操作符，分别是：算术操作符、比较操作符、逻辑操作符、赋值操作符、条件操作符和特殊操作符。

一、算术操作符

算术操作符用于对数值进行加减乘除等操作，包括：

+：加法，将两个值相加
-：减法，将两个值相减
*：乘法，将两个值相乘
/：除法，将一个值除以另一个值
%：取余，将一个值除以另一个值并返回余数

console.log(1 + 2); // 3
console.log(3 - 1); // 2
console.log(4 * 5); // 20
console.log(10 / 2); // 5
console.log(11 % 3); // 2

二、比较操作符

比较操作符用于比较两个值的大小或真假，包括：

==：等于，比较两个值是否相等
!=：不等于，比较两个值是否不相等
>, <：大于号、小于号，比较两个值的大小
>=, <=：大于等于号、小于等于号，比较两个值的大小

console.log(1 == 1); // true
console.log(2 != 3); // true
console.log(3 > 2); // true
console.log(4 >= 4); // true
console.log(5 < 6); // true
console.log(6 <= 6); // true

三、逻辑操作符

逻辑操作符用于对两个或多个值进行逻辑运算，包括：

&&：与，当两个值都为真时返回真，否则返回假
||：或，当两个值中有一个为真时返回真，否则返回假
!：非，对一个值取反，即真变假，假变真

console.log(true && true); // true
console.log(true && false); // false
console.log(false || true); // true
console.log(false || false); // false
console.log(!true); // false
console.log(!false); // true

四、赋值操作符

赋值操作符用于将一个值赋给一个变量，包括：

=：赋值，将一个值赋给一个变量
+=, -=, *=, /=：复合赋值，将一个值与一个变量进行加减乘除运算，然后将结果赋给该变量

let a = 1;
a = a + 1;
a += 1;
console.log(a); // 3

五、条件操作符

条件操作符用于根据一个条件来选择两个值中的一个，语法如下：

condition ? value1 : value2

其中，condition是一个布尔表达式，value1和value2是两个值。如果condition为真，则返回value1；如果condition为假，则返回value2。

let a = 1;
let b = 2;
let result = a > b ? "a大于b" : "a小于b";
console.log(result); // "a小于b"

六、特殊操作符

特殊操作符包括：

typeof：返回一个变量的类型
void：返回undefined，用于表示一个语句没有返回值
delete：删除一个变量或对象的属性

console.log(typeof 1); // "number"
console.log(typeof "hello"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof null); // "object"
console.log(typeof undefined); // "undefined"
console.log(void 0); // undefined
delete a; // 删除变量a