数组中的展开语法
本课属于 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挑战
简单创建一个名为 mergeArr 的函数,它接收两个数字数组作为参数。该函数应:
- 使用展开运算符合并两个数组
- 删除重复的数字
- 返回结果数组
亲手试试
function mergeArr(arr1, arr2) {
// 在这里编写你的代码
}
这节课包含一个小测验。开始学习即可作答,并记录你的进度。
逻辑与流程中的所有课
自己练习: JavaScript 在线编译器