1.概述
ES6允许按照一定的模式从数组和对象中提取值,对变量进行赋值。这被称为解构赋值.
2.数组的解构
<script>
// 1.数组的解构
const ARR = ['恭', '喜', '发', '财'];
let [a, b, c, d] = ARR;
console.log(a);//恭
console.log(b);//喜
console.log(c);//发
console.log(d);//财
</script>
如上,abcd就分别对应了恭喜发财四个字符,新数组里有几个就对应原数组几个,如果只有三个,则abc分别为恭喜发。
<script>
const ARR = ['恭', '喜', '发', '财'];
let [a, b, c] = ARR;
console.log(a);//恭
console.log(b);//喜
console.log(c);//发
</script>
3.对象的解构
新对象的属性值与原对象相同属性名的属性值相等。
<script>
// 2.对象解构
const OBJ = {
name: 'xy',
age: 20,
eat: function () {
console.log('吃饭');
}
}
let { name, age, eat } = OBJ;
console.log(name);//xy
console.log(age);//20
console.log(eat);//f(){console.log('吃饭');}
</script>