Skip to content

使用JavaScript扩展运算符处理数组的3种方法

克隆数组

扩展运算符可以用于将一个数组克隆到一个新数组中。当处理基本类型的数组时,这个技巧非常有用。然而,它只会进行浅克隆,也就是说嵌套的非基本类型值不会被克隆。

const arr = [1, 2, 3];
const arr2 = [...arr];
// [1, 2, 3]

合并多个数组

使用扩展运算符,可以将两个或多个数组合并为一个数组。你可以将这个技巧看作是将两个数组克隆到一个新数组中。因此,前面提到的浅克隆限制在这里也适用。

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

向数组添加元素

与前面的技巧类似,可以将一个数组扩展到一个新数组中,并添加单个元素。如果需要,这也可以与合并多个数组结合使用。

const arr = [1, 2, 3];
const arr2 = [0, ...arr, 4];
// [0, 1, 2, 3, 4]