ES6 深度解构

解构是一种从数组或对象中提取值并赋给独立变量的语法。深度解构是指对于嵌套的数据结构(例如对象中包含对象,数组中包含数组或对象等),可以通过一行代码实现多层级的解构赋值。这样可以更便捷地访问和使用嵌套结构中的数据。

  1. 对象深度解构:
 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
  1. 数组深度解构:
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

猜你喜欢

转载自blog.csdn.net/weixin_43989656/article/details/131954188