使用 ... 运算符进行解包

本文最后更新于:2023年5月18日 上午

在JavaScript中,使用 ... 运算符可以将一个可迭代对象(如数组或字符串)解包为单独的元素。以下是一些使用 ... 运算符解包的示例:

  1. 解包数组:
1
2
const arr = [1, 2, 3];
console.log(...arr); // Output: 1 2 3
  1. 解包字符串:
1
2
const str = 'Hello';
console.log(...str); // Output: H e l l o
  1. 将两个数组合并:
1
2
3
4
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // Output: [1, 2, 3, 4, 5, 6]
  1. 将一个数组插入到另一个数组的中间:
1
2
3
4
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const result = [...arr1.slice(0, 1), ...arr2, ...arr1.slice(1)];
console.log(result); // Output: [1, 4, 5, 6, 2, 3]

在这个示例中,我们使用 slice 方法从 arr1 中提取第一个元素,并将其与 arr2 和余下的 arr1 元素合并。最终结果是一个新的数组 [1, 4, 5, 6, 2, 3]

希望这些示例能帮助您理解如何使用 ... 运算符解包数据。


使用 ... 运算符进行解包
https://baymax55.github.io/2023/05/18/js/使用 ... 运算符进行解包/
作者
baymax55
发布于
2023年5月18日
许可协议