详解JavaScript的表达式与运算符

什么是表达式与运算符？

表达式（Expression）是一个可求值的代码片段，它可以包含变量、运算符、函数调用等，并最终会返回一个值。JavaScript 中的表达式有很多种类，如算术表达式、赋值表达式、比较表达式、逻辑表达式等。

运算符（Operator）则是用来处理表达式的一种特殊符号，它可以识别操作数之间的关系，并返回一个特定的值。JavaScript 中包含了很多种运算符，如算术运算符、赋值运算符、比较运算符、逻辑运算符等。

算术表达式和运算符

算术表达式指的是带有数值计算的表达式，包含了加、减、乘、除、求余等运算。JavaScript 中的算术运算符有以下几种：

• 加号 +：加法运算符将两个值相加，并返回结果。如果操作数两边都是字符串，则会进行字符串拼接。例如：

let a = 10;
let b = 20;
let c = '10';
console.log(a + b);  // 30
console.log(c + b);  // '1020'

• 减号 -：减法运算符将两个值相减，并返回结果。例如：

let a = 10;
let b = 20;
console.log(b - a);  // 10

• 乘号 * 与除号 /：乘法与除法运算符将两个值相乘或相除，并返回结果。例如：

let a = 10;
let b = 20;
console.log(a * b);  // 200
console.log(a / b);  // 0.5

• 求余运算符 %：求余运算符返回两个数值相除后的余数。例如：

let a = 11;
let b = 4;
console.log(a % b);  // 3

比较表达式和运算符

比较表达式指的是用于比较两个值的表达式，它们会返回一个布尔值（true 或 false）。JavaScript 中的比较运算符有以下几种：

• 等于运算符 ==：等于运算符用于检查两个值是否相等，它首先会对比较的两个值进行类型转换，然后再进行比较。例如：

let a = 10;
let b = '10';
console.log(a == b);  // true

• 全等运算符 ===：全等运算符用于检查两个值是否完全相等，包括值与类型。例如：

let a = 10;
let b = '10';
console.log(a === b);   // false
console.log(a === 10);  // true

• 不等于运算符 !=：不等于运算符用于检查两个值是否不相等，它同样会进行类型转换。例如：

let a = 10;
let b = '10';
console.log(a != b);  // false

• 大于运算符>、小于运算符<、大于等于运算符>=、小于等于运算符<=：这些运算符用于比较两个值的大小，返回结果为布尔值。例如：

let a = 10;
let b = 20;
console.log(a < b);    // true
console.log(a >= 10);  // true

逻辑表达式和运算符

逻辑表达式指的是用于表示关系的表达式，它们会返回一个布尔值。JavaScript 中的逻辑运算符有以下几种：

• 逻辑与运算符 &&：逻辑与运算符用于测试两个操作数的布尔值，它会返回两个操作数中的一个。例如：

let a = true;
let b = false;
console.log(a && b);   // false

• 逻辑或运算符 ||：逻辑或运算符也会测试两个操作数的布尔值，但只要其中一个操作数为 true，它就返回 true。例如：

let a = true;
let b = false;
console.log(a || b);   // true

• 逻辑非运算符 !：逻辑非运算符用于将表达式的值进行取反，返回值为 true 或 false。例如：

let a = true;
console.log(!a);   // false

示例代码

下面是一些使用 JavaScript 运算符的示例代码：

// 比较两个数字是否相等，并输出到控制台
let a = 10;
let b = 20;
console.log(a == b);  // false

// 判断一个数字是否为偶数，并输出到控制台
let c = 5;
console.log(c % 2 == 0 ? '偶数' : '奇数');  // 奇数

// 判断一个人的年龄是否符合法定结婚年龄，并输出到控制台
let age = 22;
let legalAge = 20;
console.log(age >= legalAge ? '符合法定结婚年龄' : '未达到法定结婚年龄');  // 符合法定结婚年龄

总结

JavaScript 表达式与运算符是编写复杂应用程序所必需的基础知识。在使用时，我们需要根据代码需求选取并细致理解不同类型的表达式和运算符，并将其灵活运用。