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.对象解构用花括号包裹,多个变量用逗号隔开