解构是一种从数组或对象中提取值并赋给独立变量的语法。深度解构是指对于嵌套的数据结构(例如对象中包含对象,数组中包含数组或对象等),可以通过一行代码实现多层级的解构赋值。这样可以更便捷地访问和使用嵌套结构中的数据。
- 对象深度解构:
let person = {
name: 'mm',
data: {
code: 0, data: {
city: ['广州', '深圳'], page: [2, 2, 3, 3] } },
}
const {
name, data: {
data: {
city: citys, page } , code } } = person;
console.log("name", name) // mm
console.log("city", citys) // ['广州', '深圳']
console.log("page", page) // [2, 2, 3, 3]
console.log("code", code) // 0
- 数组深度解构:
const numbers = [1, 2, [3, 4]];
// 深度解构赋值
const [a, b, [c, d]] = numbers;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
console.log(d); // 4