[ES6] 解构赋值

数组的解构赋值

const arr = ['北京','上海','广州','重庆','天津',[100,200,300,400]];
// JavaScript自动将 arr数组中的数据 
// 解构之后 一一对应的赋值给变量储存
let [a,b,c,d,e,[f,g,h,i]] = arr;
console.log(a,b,c,d,e,f,g,h,i);

北京 上海 广州 重庆 天津 100 200 300 400

对象的解构赋值

const obj = {name:'张三',age:18,sex:'男',addr:'北京'};
let { name:n , age , sex , addr } = obj ;
console.log( n , age , sex , addr );

张三 18 男 北京

const obj2 = {name:{ n1:'张三' , n2:'李四' , n3:'王五' }  };
console.log( obj2 );
let { name:{ n1:name1 , n2:name2 , n3:name3 } } = obj2;
console.log( name1,name2,name3 );

张三 李四 王五