阮一峰JS三轮复习——第二天

前端

2023-11-30 20:02:06

阮一峰的《JavaScript三轮复习》是众多前端开发人员和初学者必备的学习材料，可以帮助他们系统地复习和巩固JavaScript的基础知识，并了解ES6的新特性。今天，我们就一起来学习一下三轮复习的第二天内容——运算符。

运算符

运算符是JavaScript中用于进行数学运算、比较、逻辑判断等操作的符号，包括算术运算符、赋值运算符、比较运算符、逻辑运算符、字符串运算符和特殊运算符等。

3.1 算术运算符

算术运算符是用来进行数学运算的运算符，包括加法运算符（+）、减法运算符（-）、乘法运算符（*）、除法运算符（/）和求余运算符（%）。

3.1.1 加法运算符

加法运算符（+）是最常见的运算符，用来求两个数值的和。如果有字符串就变成字符串的拼接。加法运算符是在运行时决定是执行相加还是连接，运算子的不确定性可能会导致一些意外结果，所以应谨慎使用。

console.log(1 + 2); // 3
console.log('1' + '2'); // '12'
console.log(true + false); // 1

3.1.2 减法运算符

减法运算符（-）用来求两个数值的差。如果减法运算符后面的操作数是字符串，则会尝试将其转换为数值，如果转换失败，则会返回NaN。

console.log(3 - 1); // 2
console.log('3' - '1'); // 2
console.log(true - false); // 1

3.1.3 乘法运算符

乘法运算符（*）用来求两个数值的积。如果乘法运算符后面的操作数是字符串，则会尝试将其转换为数值，如果转换失败，则会返回NaN。

console.log(2 * 3); // 6
console.log('2' * '3'); // 6
console.log(true * false); // 0

3.1.4 除法运算符

除法运算符（/）用来求两个数值的商。如果除法运算符后面的操作数是字符串，则会尝试将其转换为数值，如果转换失败，则会返回NaN。

console.log(6 / 2); // 3
console.log('6' / '2'); // 3
console.log(true / false); // Infinity

3.1.5 求余运算符

求余运算符（%）用来求两个数值相除后的余数。求余运算符只对整数值有效，如果求余运算符后面的操作数不是整数，则会尝试将其转换为整数，如果转换失败，则会返回NaN。

console.log(7 % 3); // 1
console.log('7' % '3'); // 1
console.log(true % false); // NaN

3.2 赋值运算符

赋值运算符是用来给变量赋值的运算符，包括简单的赋值运算符（=）、复合赋值运算符（+=、-=、*=、/=、%=）和解构赋值运算符（[=、{=}）。

3.2.1 简单赋值运算符

简单的赋值运算符（=）用来给变量赋值。赋值运算符左边的变量是接收值的变量，右边的表达式是赋给变量的值。

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

3.2.2 复合赋值运算符

复合赋值运算符是将赋值运算和算术运算结合在一起的运算符，包括+=、-=、*=、/=和%=。复合赋值运算符的左边是变量，右边是算术表达式。复合赋值运算符的运算结果是将变量的值与算术表达式的值进行运算后的结果，并将运算结果赋给变量。

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

let b = 3;
b -= 1;
console.log(b); // 2

let c = 4;
c *= 2;
console.log(c); // 8

let d = 8;
d /= 2;
console.log(d); // 4

let e = 9;
e %= 3;
console.log(e); // 0

3.2.3 解构赋值运算符

解构赋值运算符是用来将数组或对象的元素赋给变量的运算符，包括[=和{=。解构赋值运算符的左边是变量，右边是数组或对象。解构赋值运算符的运算结果是将数组或对象的元素赋给变量。

const arr = [1, 2, 3];
const [a, b, c] = arr;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

const obj = {
  name: '阮一峰',
  age: 30
};
const { name, age } = obj;
console.log(name); // 阮一峰
console.log(age); // 30