白骑士的JavaScript教学JavaScript语法基础篇之运算符与表达式 2.2.1 算术运算符

        在编写JavaScript代码时，运算符与表达式是不可或缺的组成部分。运算符用于对值进行操作，而表达式则是结合运算符和操作数（如变量、常量等）来计算并返回结果。在本节中，我们将探讨算术运算符，它们是最基本的运算符之一，用于执行数学计算。运算符是用来操作数据（称为操作数）的符号，表达式则是通过运算符和操作数组合而成的。在JavaScript中，表达式可以是一个单一的值或一个计算结果，表达式的最终值可以赋值给变量或用于其他计算。

算术运算符

        算术运算符用于对数值进行基本的数学计算，如加法、减法、乘法和除法。JavaScript支持以下主要的算术运算符：

• 加法运算符（‘+‘）
• 减法运算符（‘-‘）
• 乘法运算符（‘*‘）
• 除法运算符（‘/‘）
• 取余运算符（‘%‘）
• 递增运算符（‘++‘）
• 递减运算符（‘--‘）
• 指数运算符（‘‘）

        下面我们详细介绍每个运算符的用法和特点。

加法运算符（‘+‘）

        ‘+‘运算符用于两个数值的相加，并返回它们的和。如果操作数是字符串，则会执行字符串连接。

示例

let a = 5;
let b = 3;
let sum = a + b;
console.log(sum); // 输出 8

let greeting = "Hello, " + "World!";
console.log(greeting); // 输出 "Hello, World!"

特点

• 当一个操作数是字符串时，‘+‘运算符会进行字符串连接而不是数值相加。
• 在涉及不同数据类型的表达式中，JavaScript会尝试将操作数转换为合适的类型。

示例

let result = "5" + 2;
console.log(result); // 输出 "52"（字符串连接）

result = 5 + true;
console.log(result); // 输出 6（true被转换为1）

减法运算符（‘-‘）

        ‘-‘运算符用于两个数值的相减，并返回它们的差。

示例

let a = 10;
let b = 4;
let difference = a b;

console.log(difference); // 输出 6

特点

• 如果操作数是非数值类型，JavaScript会尝试将其转换为数值再进行减法操作。

示例

let result = "10" 2;
console.log(result); // 输出 8（"10" 被转换为数值10）

result = 10 null;
console.log(result); // 输出 10（null被转换为0）

乘法运算符（‘*‘）

        ‘*‘运算符用于两个数值的相乘，并返回它们的积。

示例

let a = 7;
let b = 6;
let product = a * b;

console.log(product); // 输出 42

特点

• 与加法和减法类似，非数值类型的操作数会被尝试转换为数值。

示例

let result = "5" * 2;
console.log(result); // 输出 10（"5" 被转换为数值5）

result = 5 * undefined;
console.log(result); // 输出 NaN（undefined无法转换为数值）

除法运算符（‘/‘）

        ‘/‘运算符用于两个数值的相除，并返回它们的商。

示例

let a = 20;
let b = 4;
let quotient = a / b;

console.log(quotient); // 输出 5

特点

• 除以‘0‘会返回‘Infinity‘，而除以‘undefined‘或无法转换为数值的字符串会返回‘NaN‘。

示例

let result = 10 / 0;
console.log(result); // 输出 Infinity

result = 10 / "two";
console.log(result); // 输出 NaN

取余运算符（‘%‘）

        ‘%‘运算符用于两个数值相除并返回余数。

示例

let a = 17;
let b = 5;
let remainder = a % b;

console.log(remainder); // 输出 2

特点

• 常用于判断一个数是否能被另一个数整除或提取一个数的个位数。

示例

let isEven = 10 % 2 === 0;
console.log(isEven); // 输出 true

let lastDigit = 123 % 10;
console.log(lastDigit); // 输出 3

递增运算符（‘++‘）

        ‘++‘运算符用于将操作数的值增加1。可以放在操作数的前面（前缀递增）或后面（后缀递增）。

示例

let a = 5;
a++;
console.log(a); // 输出 6

let b = 5;
++b;
console.log(b); // 输出 6

特点

• 前缀递增先增加值，再返回增加后的值。
• 后缀递增先返回当前值，再执行增加操作。

示例

let a = 5;
let b = a++;
console.log(a); // 输出 6
console.log(b); // 输出 5

let c = 5;
let d = ++c;
console.log(c); // 输出 6
console.log(d); // 输出 6

递减运算符（‘--‘）

        ‘--‘运算符用于将操作数的值减少1。可以放在操作数的前面（前缀递减）或后面（后缀递减）。

示例

let a = 5;
a--;
console.log(a); // 输出 4

let b = 5;
--b;
console.log(b); // 输出 4

特点

• 前缀递减先减少值，再返回减少后的值。
• 后缀递减先返回当前值，再执行减少操作。

示例

let a = 5;
let b = a--;
console.log(a); // 输出 4
console.log(b); // 输出 5

let c = 5;
let d = --c;
console.log(c); // 输出 4
console.log(d); // 输出 4

指数运算符（‘**‘）

        ‘**‘运算符用于将一个数值提高到指定的幂次方。

示例

let a = 2;
let b = 3;
let power = a ** b;

console.log(power); // 输出 8

特点

• 相当于‘Math.pow(base, exponent)‘，用于计算幂。

示例

let square = 4  2;
console.log(square); // 输出 16

let cube = 2  3;
console.log(cube); // 输出 8

总结

        算术运算符是JavaScript编程中的基本工具，它们为数值计算提供了强大的支持。通过灵活使用这些运算符，开发者可以实现从简单的加减乘除到更复杂的数学操作。在实际编程中，理解和掌握这些运算符的使用方式和特点，对于编写高效、准确的代码至关重要。