JavaScript 中解构赋值的强大示例

const numbers = [1, 2, 3, 4];
const [first, second, ...rest] = numbers;

console.log(first); // output: 1
console.log(second); // output: 2
console.log(rest); // output: [3, 4]

const [first, , third] = numbers;
console.log(first, third); // output: 1 3

const nestedarray = [[1, 2], [3, 4]];
const [[a, b], [c, d]] = nestedarray;
console.log(a, b, c, d); // output: 1 2 3 4

const person = { name: 'alice', age: 30, city: 'new york' };
const { name, age, city } = person;

console.log(name, age, city); // output: alice 30 new york

const { name: firstname, age, city } = person;
console.log(firstname, age, city); // output: alice 30 new york

const { name, age = 25, city } = person;
console.log(name, age, city); // output: alice 30 new york

const person = { name: 'alice', address: { street: '123 main st', city: 'new york' } };
const { name, address: { street, city } } = person;
console.log(name, street, city); // output: alice 123 main st new york

let a = 10;
let b = 20;

[a, b] = [b, a];

console.log(a, b); // output: 20 10

function greet({ name, age }) {
  console.log(`Hello, ${name}! You are ${age} years old.`);
}

greet({ name: 'Alice', age: 30 });