跳转至

JavaScript 基础:运算符

在 JavaScript 中,运算符是用于执行各种操作的符号或关键字。它们可以用于算术运算、比较值、逻辑判断等。掌握这些运算符是编写有效 JavaScript 代码的基础。本章将详细介绍 JavaScript 中的算术、比较和逻辑运算符,并通过代码示例和练习题帮助你更好地理解这些概念。

1. 算术运算符

算术运算符用于执行基本的数学运算,如加法、减法、乘法、除法等。

1.1 常见的算术运算符

  • +:加法
  • -:减法
  • *:乘法
  • /:除法
  • %:取模(求余数)
  • **:指数(幂运算)

1.2 代码示例

// 示例 1: 基本算术运算
let a = 10;
let b = 3;

console.log(a + b); // 输出: 13 (加法)
console.log(a - b); // 输出: 7 (减法)
console.log(a * b); // 输出: 30 (乘法)
console.log(a / b); // 输出: 3.333... (除法)
console.log(a % b); // 输出: 1 (取模)
console.log(a ** b); // 输出: 1000 (指数运算)

1.3 注意事项

  • 加法运算符 + 也可以用于字符串连接。如果其中一个操作数是字符串,JavaScript 会将另一个操作数转换为字符串并进行连接。
let x = "5";
let y = 10;
console.log(x + y); // 输出: "510" (字符串连接)

2. 比较运算符

比较运算符用于比较两个值,并返回一个布尔值(truefalse)。

2.1 常见的比较运算符

  • ==:等于(值相等)
  • ===:严格等于(值和类型都相等)
  • !=:不等于(值不相等)
  • !==:严格不等于(值或类型不相等)
  • >:大于
  • <:小于
  • >=:大于等于
  • <=:小于等于

2.2 代码示例

// 示例 2: 比较运算符
let num1 = 5;
let num2 = "5";
let num3 = 10;

console.log(num1 == num2);  // 输出: true (值相等)
console.log(num1 === num2); // 输出: false (类型不同)
console.log(num1 != num3);  // 输出: true (值不相等)
console.log(num1 !== num2); // 输出: true (类型不同)
console.log(num1 > num3);   // 输出: false (5 不大于 10)
console.log(num1 < num3);   // 输出: true (5 小于 10)
console.log(num1 >= num2);  // 输出: true (5 大于等于 "5")
console.log(num1 <= num3);  // 输出: true (5 小于等于 10)

2.3 注意事项

  • 使用 == 时,JavaScript 会进行类型转换,而 === 不会。因此,=== 是更安全的比较方式,因为它避免了类型转换带来的意外结果。

3. 逻辑运算符

逻辑运算符用于组合多个条件,并返回一个布尔值。

3.1 常见的逻辑运算符

  • &&:逻辑与(所有条件都为 true 时返回 true
  • ||:逻辑或(至少一个条件为 true 时返回 true
  • !:逻辑非(反转布尔值)

3.2 代码示例

// 示例 3: 逻辑运算符
let age = 25;
let hasLicense = true;

// 逻辑与
if (age >= 18 && hasLicense) {
    console.log("可以驾驶"); // 输出: 可以驾驶
} else {
    console.log("不能驾驶");
}

// 逻辑或
if (age < 18 || !hasLicense) {
    console.log("不能驾驶");
} else {
    console.log("可以驾驶"); // 输出: 可以驾驶
}

// 逻辑非
let isStudent = false;
if (!isStudent) {
    console.log("不是学生"); // 输出: 不是学生
}

3.3 注意事项

  • 逻辑运算符 &&|| 是短路运算符。如果第一个操作数已经决定了结果,JavaScript 不会计算第二个操作数。
let x = 10;
let y = 5;

// 由于 x > y 为 true,JavaScript 不会计算 y > 10
if (x > y || y > 10) {
    console.log("条件成立");
}

4. 练习题

4.1 简单题

  1. 编写一个 JavaScript 程序,计算两个数的和、差、积和商,并输出结果。

4.2 中等题

  1. 编写一个 JavaScript 程序,判断一个数是否为偶数。如果是偶数,输出 "偶数",否则输出 "奇数"。

4.3 复杂题

  1. 编写一个 JavaScript 程序,判断一个年份是否为闰年。闰年的条件是:
  2. 能被 4 整除但不能被 100 整除,或者能被 400 整除。

5. 总结

  • 算术运算符:用于执行基本的数学运算,如加法、减法、乘法、除法等。
  • 比较运算符:用于比较两个值,并返回布尔值。注意 ===== 的区别。
  • 逻辑运算符:用于组合多个条件,并返回布尔值。&&|| 是短路运算符。

通过本章的学习,你应该已经掌握了 JavaScript 中的算术、比较和逻辑运算符。这些运算符是编写 JavaScript 代码的基础,理解它们的用法和注意事项将帮助你在编程中更加得心应手。


希望本章内容对你有所帮助!如果你有任何问题或需要进一步的解释,请随时提问。