JavaScript中运算符与数组扩展详细讲解

JavaScript中运算符与数组扩展详细讲解

运算符

1. 条件三元运算符（? :）

条件三元运算符可以看作是if语句的简化版，它的语法结构为：条件表达式 ? 表达式1 : 表达式2。
- 如果条件表达式的结果为true，那么返回值为表达式1；
- 如果条件表达式的结果为false，那么返回值为表达式2。

示例代码：

function checkAge(age) {
  return age > 18 ? '成年人' : '未成年人';
}

console.log(checkAge(20)); // 输出结果为 “成年人”
console.log(checkAge(16)); // 输出结果为 “未成年人”

2. 逻辑运算符(&&, ||)

• 逻辑与运算符（&&）：当两个条件操作数都为true时，返回true，否则返回false。
• 逻辑或运算符（||）：当两个条件操作数都为false时，返回false，否则返回true。

示例代码：

const a = 10;
const b = 20;

console.log(a > 5 && b > 15); // 输出结果为true
console.log(a > 5 && b > 25); // 输出结果为false
console.log(a > 15 || b > 25); // 输出结果为true
console.log(a > 15 || b > 35); // 输出结果为false

数组扩展

1. 扩展运算符(...)

扩展运算符可以将一个数组展开成分散值，也可以将一个可遍历的集合转换为数组，而不必显式编写循环代码。
示例代码：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 将两个数组合并为一个数组
const arr3 = [...arr1, ...arr2];
console.log(arr3); // 输出结果为 [1, 2, 3, 4, 5, 6]

// 将一个字符串转换为数组
const str = 'hello';
const arr4 = [...str];
console.log(arr4); // 输出结果为 ['h', 'e', 'l', 'l', 'o']

2. Array.from()

Array.from()可以将一个类数组对象或可遍历的对象转换成一个数组，可以使用第二个参数指定回调函数来对数组中的元素进行转换。

示例代码：

const arr1 = Array.from('abc');
console.log(arr1); // 输出结果为 ['a', 'b', 'c']

// 使用回调函数对数组中的元素进行转换
const arr2 = Array.from([1, 2, 3], x => x * x);
console.log(arr2); // 输出结果为 [1, 4, 9]

总结

JavaScript中的运算符和数组扩展为我们提供了丰富的操作方法，可以通过合理的应用它们来提高代码的简洁性与可读性。