解构赋值

解构赋值

学习视频
解构赋值分为数组解构赋值和对象解构赋值

• 数组的解构赋值

//要交换a,b的值
let a=1;
let b=2;
//以往做法
let=temp;
temp=a;
a=b;
b=temp;

//解构赋值
[a,b]=[b,a];

// 数组的拼接let a = [0,1,2]；
let b = [3,4,5]；
let c = a.concat(b)；
console.log(c)； // [0,1,2,3,4,5]
//解构赋值
let d = [...a,...b]；//这里用到了扩展运算符 ...
console.log(d)； // [0,1,2,3,4,5]

• 对象的解构赋值

let {name,age}={
	name:"sun",
	age:18;
}
console.log(name);    //sun
console.log(age);   //18

对象的解构赋值和数组的解构赋值其实类似，但是数组的数组成员是有序的
而对象的属性则是无序的，所以对象的解构赋值简单理解是等号的左边和右边的结构相同
对象的解构赋值是根据key值进行匹配