ES6学习笔记五：解构赋值

解构赋值是对赋值运算符=的一种扩展，针对数组和对象来进行操作 优点：代码书写上简洁易读

1.对象解构

//对对象解构
        let node = {
                id: 1,
                name: 'hattie'
            }
            // let id = node.id;
            // let name = node.name;
        let {
            id,
            name,
            age
        } = node; //代替上面两句 注意：变量名对应
        console.log(id); //1 可不完全解构
        console.log(id, name, age); //1 "hattie" undefined

 		//可用剩余运算符
        let {...res} = node;
        console.log(res); //{id: 1, name: "hattie"}

2.对数组解构

let arr = [1, 2, 3, 4];
let [a, b] = arr;
console.log(a, b); //1 2

3.可解构嵌套结构

		let arr = [1, [2, [3]]];
        let [a, [b, [c]]] = arr; //数组结构对应
        console.log(a, b, c); //1 2 3