在 ES6 中，新增了一些非常方便实用的特性，包括对象和数组解构赋值。本文将对 ES6 中的对象和数组解构进行详细探讨，并介绍它们的使用场景。
对象解构
对象解构用于从对象中提取属性并赋值给变量。常见的使用场景包括：
1. 属性重命名
我们经常会遇到需要将一个对象的属性重命名的情况，比如将一些后端 API 返回的属性名统一为前端使用的驼峰式，可以利用对象解构实现：
const response = { user_id: 123, user_name: "Tom" };
const { user_id: id, user_name: name } = response;
console.log(id); // 123
console.log(name); // "Tom"2. 默认值
当对象中不存在某个属性时，可以通过给变量设置默认值来避免报错：
const user = { id: 123, name: "Tom" };
const { id, name, age = 18 } = user;
console.log(age); // 18此时，当 user 对象中没有 age 属性时，变量 age 的值就会是默认值 18。
3. 函数参数
函数可以接收一个对象作为参数，对象属性将被解构并分配到函数参数中。
function getUserInfo({ id, name }) {
console.log(id, name);
}
const user = { id: 123, name: "Tom", age: 20 };
getUserInfo(user); // 123, "Tom"数组解构
数组解构用于从数组中提取值并赋值给变量。常见的使用场景包括：
1. 交换变量的值
可以使用数组解构来快速交换两个变量的值：
let a = 1; let b = 2; [a, b] = [b, a]; console.log(a); // 2 console.log(b); // 1
2. 获取部分值
有时候我们只需要获取数组中的部分值，这时可以利用数组解构实现：
const arr = [1, 2, 3, 4, 5]; const [first, second, , fourth] = arr; console.log(first); // 1 console.log(second); // 2 console.log(fourth); // 4
3. 部分值的默认值
与对象解构一样，数组解构也支持给变量设置默认值：
const arr = [1, 2]; const [first, second, third = 3] = arr; console.log(third); // 3
总结
对象和数组解构是 ES6 中非常实用的新特性，可以简化代码的编写和阅读。除了上述的使用场景之外，它们还可以用于解构嵌套的对象或数组、从函数返回多个值等。相信通过本文的介绍，读者已经对对象和数组解构有了更深入的了解和掌握。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651a237595b1f8cacd227ca6