js(ES6)复习&补充笔记（二）

js(ES6)预习&复习笔记（二）

四、解构赋值

结构赋值
就是把数据结构分解，然后给变量进行赋值：
ES6中允许从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构
作用：让我们方便的取对象中的属性和方法

4.1解构：

数组解构 & 对象结构

//1、数组解构
 let [a, b, c, d, e] = [1, 2, 3, 4, 5];
 console.log(a) //1
 console.log(b) //2
 console.log(c) //3
 console.log(d) //4
//注：若解构不成功，变量值为undefined

 //2、对象解构
 let liming = { name: 'liming', age: 18 }; 
 let { name, age } = liming;
 console.log(name); // 'liming' 
 console.log(age); // 18

 let {name: myName, age: myAge} = liming; // myName myAge 属于别名
 console.log(myName); // 'liming' 
 console.log(myAge); // 18

总结

• 1.如果解构赋值 解构不成功，变量跟数值个数不匹配的时候，变量的值为undefined
• 2.数组解构用中括号包裹，多个变量用逗号分隔
• 3.对象解构用花括号包裹，多个变量用逗号隔开