JavaScript 解构数组

示例

6

将数组分配给新变量时可以将其解构。

const triangle = [3, 4, 5];
const [length, height, hypotenuse] = triangle;

length === 3;     // →正确
height === 4;     // →正确
hypotneuse === 5; // →正确

元素可以跳过

const [,b,,c] = [1, 2, 3, 4];

console.log(b, c); // →2、4

也可以使用休息员

const [b,c, ...xs] = [2, 3, 4, 5];
console.log(b, c, xs); // →2、3,[4、5]

如果数组是函数的参数,则数组也可以被解构。

function area([length, height]) {
  return (length * height) / 2;
}

const triangle = [3, 4, 5];

area(triangle); // →6

请注意,在函数中未命名第三个参数,因为它不是必需的。

了解有关解构语法的更多信息。