三点运算符(也称为扩展运算符或剩余运算符)
-
指 JavaScript 中的 ... 符号。它用于在处理数组和对象时,展开数组元素或对象属性
-
扩展运算符
-
1. 展开数组
const array1 = [1, 2, 3]
const array2 = [...array1, 4, 5]
// array2 现在是 [1, 2, 3, 4, 5]
const array1 = [1, 2, 3]
const array2 = [4, 5]
const combinedArray = [...array1, ...array2]
// combinedArray 现在是 [1, 2, 3, 4, 5]
const originalArray = [1, 2, 3]
const copyArray = [...originalArray]
// copyArray 是 [1, 2, 3],但与 originalArray 不共享引用
-
剩余运算符
-
将剩余的参数收集为一个数组。这在参数数量不确定的情况下有用。
function sum(...numbers) {
return numbers.reduce((total, num) => total + num, 0);
}
const result = sum(1, 2, 3, 4, 5);
-
4. 解构赋值
-
剩余运算符也可用于解构赋值,用来捕获剩余的数组元素。
const [first, ...rest] = [1, 2, 3, 4, 5];
// first 是 1,rest 是 [2, 3, 4, 5]
const [first, second, ...remaining] = [1, 2, 3, 4, 5]
// first 是 1,second 是 2,remaining 是 [3, 4, 5]
这些示例涵盖了三点运算符的主要用途,无论是在数组操作还是函数参数处理中,它都提供了一种方便的方式来操作和处理数据