es6对象多层解构、数组解构

**对象类**

基础对象解构
const obj =  {a:1,b:2,c:3};
const {a,b,c} = obj;
console.log(a,b,c) // 1,2,3

多层对象解构
const obj =  {a:1,b:2,c:3,d:{d1:'4'}};
const {a,b,c,d:{d1}} = obj;

解构时重命名
const obj =  {a:1,d:{d1:'4'}};
const {a:aa,d:{d1}} = obj ;
console.log(aa,d) // 1,4

解构时赋默认值
const obj =  {a:1};
const {a.b=2} = obj ;
console.log(a,b) // 1,2

**数组类**

基础数组解构
const arr = [a,b];
const [a,b] =arr;

猜你喜欢

转载自blog.csdn.net/weixin_43979503/article/details/126173570
今日推荐