Menu
CoddyTech

数组中的展开语法

本课属于 Coddy JavaScript 学习旅程的“逻辑与流程”单元。第 48 课,共 65 课。

展开语法(...)可以将可迭代对象(例如数组)展开到需要零个或多个参数或元素的位置。它提供了一种简洁的方式来执行合并数组或复制数组等操作。

以下是一些常见的使用场景:

1. 合并数组:

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

2. 创建数组的浅拷贝:

const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 3]

3. 向数组中添加元素:

const numbers = [1, 2, 3];
const moreNumbers = [0, ...numbers, 4];
console.log(moreNumbers); // [0, 1, 2, 3, 4]

4. 将数组元素作为函数参数传递:

function sum(a, b, c) {
  return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6
challenge icon

挑战

简单

创建一个名为 mergeArr 的函数,它接收两个数字数组作为参数。该函数应:

  1. 使用展开运算符合并两个数组
  2. 删除重复的数字
  3. 返回结果数组

亲手试试

function mergeArr(arr1, arr2) {
  // 在这里编写你的代码
}
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

逻辑与流程中的所有课

自己练习: JavaScript 在线编译器