当前位置：首页 > news >正文

【分享】这篇教程助力你成为 JavaScript 糕手!（四）

news 2025/7/21 6:48:53

第四章：运算符与表达式

在这里插入图片描述

4.1 算术运算符

在这里插入图片描述

加法运算符（+）：用于数字相加，如console.log(5 + 3);结果为8。
当用于字符串时，它表示字符串拼接。例如console.log(‘Hello’+ ‘world’);输出Hello world。如果一个操作数是字符串，另一个操作数是其他类型（如数字），JavaScript 会将另一个操作数转换为字符串后再拼接。

减法运算符（-）：用于数字相减，如console.log(7 - 2);结果为5。

乘法运算符（）*：用于数字相乘，如console.log(4 * 6);结果为24。

除法运算符（/）：用于数字相除，如console.log(8 / 2);结果为4。当除数为0时，在 JavaScript 中会得到Infinity（被除数为正数时）或-Infinity（被除数为负数时），而0 / 0会得到NaN。

取模运算符（%）：返回除法运算的余数。例如console.log(7 % 3);结果为1。常用于判断数字的奇偶性（对2取模，余数为0是偶数，余数为1是奇数）等场景。

自增运算符（++）和自减运算符（–）：自增运算符有前置（++i）和后置（i++）两种形式。前置自增是先将变量的值加1，然后再使用变量的值；后置自增是先使用变量的值，然后再将变量的值加1。

var i = 5;
console.log(++i); // 输出6，i的值变为6
var j = 5;
console.log(j++); // 输出5，j的值变为6

自减运算符同理，前置自减（–i）先减1再使用，后置自减（i–）先使用再减1。

4.2 比较运算符

相等运算符（==）：比较两个值是否相等，在比较时会进行类型转换。例如console.log(5 == ‘5’);结果为true，因为 JavaScript 会将字符串’5’转换为数字5后再比较。

严格相等运算符（===）：比较两个值是否相等且类型也相同。例如console.log(5 === ‘5’);结果为false，因为它们类型不同；而console.log(5 === 5);结果为true。

不等运算符（!=）：与相等运算符==相反，比较两个值是否不相等，会进行类型转换。例如console.log(5!= ‘5’);结果为false。

严格不等运算符（!==）：与严格相等运算符=相反，比较两个值是否不相等且类型也不同。例如console.log(5! ‘5’);结果为true。

大于（>）和小于（<）运算符：用于比较两个数字的大小。例如console.log(8 > 3);结果为true，console.log(2 < 1);结果为false。如果比较的操作数不是数字类型，JavaScript 会尝试将其转换为数字后再比较，但这种转换可能会导致意外结果，比如console.log(‘8’ > ‘3’);结果为true（因为字符串会按字符编码值比较）。

大于等于（>=）和小于等于（<=）运算符：功能类似大于和小于运算符，只是包含等于的情况。例如console.log(5 >= 5);结果为true。

4.3 逻辑运算符

逻辑与运算符（&&）：
当使用&&连接两个表达式时，只有当两个表达式的值都为true时，整个逻辑表达式的值才为true；如果第一个表达式的值为false，则不会计算第二个表达式（短路求值）。例如：

var a = 5;
var b = 10;
console.log((a > 3) && (b > 5)); // 结果为true
console.log((a > 10) && (b > 5)); // 结果为false，因为a > 10为false，不会计算b > 5

逻辑或运算符（||）：
当使用||连接两个表达式时，只要其中一个表达式的值为true，整个逻辑表达式的值就为true；如果第一个表达式的值为true，则不会计算第二个表达式（短路求值）。例如：

var c = 3;
var d = 7;
console.log((c > 5) || (d > 5)); // 结果为true，因为d > 5为true，不会计算c > 5是否为true
console.log((c > 5) || (d < 5)); // 结果为false，因为c > 5和d < 5都为false
逻辑非运算符（!）：对一个表达式的值取反。如果表达式的值为true，则!运算后的值