es6的解构赋值
2019-07-01 本文已影响0人
关耳木南
<script>
/*
es6 允许按照一定的模式,从数组和对象中提取值,对变量进行赋值
,这被称为解构
*/
var arr = [1,2,3];
var [a,b,c] = arr;
console.log(a,b,c);//1 2 3
var obj = {
d:4,
e:5,
f:6
}
var {d:d,e:e,f:f} = obj;//对象的解构赋值
// 当属性和值一样时,可以简写成 -> var {d,e,f}
console.log(d,e,f)//4 5 6
//二维数组解构赋值
var arr1=[7,8,[9]];
var [g,h,[i]]=arr1;//只要结构一样就可以赋值
console.log(g,h,i);//7 8 9
//rest剩余参数的解构赋值
var arr2 = [1,2,3,4,5,6,7,8,9,10];
var [m,n,...s] = arr2;
console.log(m,n,s)//1 2 [3, 4, 5, 6, 7, 8, 9, 10]
</script>