Menu
CoddyTech

数组解构

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

数组解构是一种方便的方式,可以从数组中提取多个值,并在一条语句中将它们赋给变量。它使用的语法与数组字面量的结构相对应。

基本语法:

const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

你可以跳过元素:

const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3

你可以使用剩余参数来捕获剩余元素:

const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a);    // 1
console.log(rest); // [2, 3, 4, 5]

你可以提供默认值:

const [a, b, c = 3] = [1, 2];
console.log(c); // 3
challenge icon

挑战

简单

创建一个名为 analyzeArray 的函数,它接收一个数组作为参数。这个函数应使用数组解构提取数组中的第一个、第二个和最后一个元素。它应返回一个包含以下属性的对象:

  • first:数组中的第一个元素
  • second:数组中的第二个元素
  • last:第二个元素之后的最后一个元素(数组包含两个或更少元素时为 null)
  • restLength:第二个元素和 last 之间有多少个元素(即取出 last 后的 ...rest 数组的长度)

如果这些元素中有任何一个不存在,就使用默认值 null。例如,对于 [1, 2, 3, 4, 5],结果是 { first: 1, second: 2, last: 5, restLength: 2 };对于 [42],结果是 { first: 42, second: null, last: null, restLength: 0 }。

亲手试试

function analyzeArray(arr) {
  // 在这里编写你的代码
}
quiz icon自我测试

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

逻辑与流程中的所有课

自己练习: JavaScript 在线编译器