ECMAScript中的解构赋值怎么用

在 ECMAScript（即 JavaScript）中，解构赋值是一种方便、简洁的语法，允许我们从数组或对象中提取值并赋给变量。以下是使用解构赋值的一些示例：

1. 数组解构赋值：

const arr = [1, 2, 3];
const [a, b, c] = arr;

console.log(a); // 输出：1
console.log(b); // 输出：2
console.log(c); // 输出：3

2. 对象解构赋值：

const obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

const { name, age, city } = obj;

console.log(name); // 输出：'John'
console.log(age); // 输出：30
console.log(city); // 输出：'New York'

3. 默认值：

const arr = [1, 2];
const [a, b, c = 3] = arr;

console.log(a); // 输出：1
console.log(b); // 输出：2
console.log(c); // 输出：3

4. 交换变量值：

let a = 1;
let b = 2;

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

console.log(a); // 输出：2
console.log(b); // 输出：1

5. 函数参数解构：

function sum({ x, y }) {
  return x + y;
}

const result = sum({ x: 1, y: 2 });

console.log(result); // 输出：3

解构赋值可以使代码更简洁、易读，并允许轻松地提取和处理数据结构中的值。