ES6解构

Posted 2020-12-02 gzw-23

解构：“解开--重构”

1.数组的解构：

 //数组的解构；
    // let arr=[1,2,3,6]
    // let[a,b,c,d]=arr;
    // console.log(a,b,c,d)// 1,2,3,6
!!伪数组也可以进行解构，如获取得DOM节点（就是一个伪数组）

2.对象的解构：

//对象的解构；
    // let obj={
    //     name:‘gbb‘,
    //     age:89,
    // }
    // let{name,age}=obj;
    // console.log(name,age)  gbb 89

3.复杂对象的解构：

复杂对象的解构；
    let obj={
        name:‘gbb‘,
        age:89,
        obj1:{
            sex:‘nan‘,
            height:175,
        }
    }

    let{name,age,obj1:{sex,height}}=obj;
    console.log(name,age,sex,height)

 

//注：等号右侧如果不能进行遍历，都不能解构。

let [a] = 10;
let [a] = null;
let [a] = true
let [a] = false;
let [a] = undefined;
let [c] = NaN;

let [a] = [] //返回的为undefined
let {a} = {} //返回的为undefined