揭秘 JavaScript 中的解构赋值

const fruits = ["苹果", "香蕉", "樱桃"];
const [first, second, third] = fruits;
console.log(first); // 输出：苹果
console.log(second); // 输出：香蕉
console.log(third); // 输出：樱桃

const numbers = [1, 2, 3, 4, 5];
const [first, , third] = numbers;
console.log(first); // 输出：1
console.log(third); // 输出：3

const colors = ["红色"];
const [primary, secondary = "蓝色"] = colors;
console.log(primary); // 输出：红色
console.log(secondary); // 输出：蓝色

const numbers = [1, 2, 3, 4];
const [first, ...rest] = numbers;
console.log(first); // 输出：1
console.log(rest); // 输出：[2, 3, 4]

const person = { 姓名: "Alice", 年龄: 25, 国家: "美国" };
const { 姓名, 年龄 } = person;
console.log(姓名); // 输出：Alice
console.log(年龄); // 输出：25

const person = { 姓名: "Alice", 年龄: 25 };
const { 姓名: 全名, 年龄: 岁数 } = person;
console.log(全名); // 输出：Alice
console.log(数年); // 输出：25

const person = { 姓名: "Alice" };
const { 姓名, 年龄 = 30 } = person;
console.log(姓名); // 输出：Alice
console.log(年龄); // 输出：30

const employee = {
  id: 101,
  details: { 姓名: "Bob", 职位: "开发者" },
};
const { details: { 姓名, 职位 } } = employee;
console.log(姓名); // 输出：Bob
console.log(职位); // 输出：开发者

const person = { 姓名: "Alice", 年龄: 25, 国家: "美国" };
const { 姓名, ...others } = person;
console.log(姓名); // 输出：Alice
console.log(others); // 输出：{ 年龄: 25, 国家: "美国" }

const data = {
  id: 1,
  items: ["苹果", "香蕉", "樱桃"],
};
const { id, items: [firstItem] } = data;
console.log(id); // 输出：1
console.log(firstItem); // 输出：苹果

function sum([a, b]) {
  return a + b;
}
console.log(sum([5, 10])); // 输出：15

function greet({ 姓名, 年龄 }) {
  return `你好，${姓名}。你${年龄}岁了。`;
}
console.log(greet({ 姓名: "Alice", 年龄: 25 })); // 输出：你好，Alice。你25岁了。