JavaScript 变量的解构赋值
什么是解构赋值
ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值
//1.数组的解构
let F = ['A','B','C'];
let [a,b,c] = F; //相当于声明了3个变量,按照F的对应位置赋值
let [a,b,c,d] = F; //不会报错,相当于d没有赋值,d=undefiend
//2.对象的解构
let F = {
name:'ranan',
age:12
};
let {name,age} = F; //会将同名属性赋值
为什么可以交换两个数?
let a = 1;
let b = 2;
[a,b] = [b,a];
最开始不理解,认为[a,b] = [b,a];
就是a=b;b=a
,那么a先变了,b赋值是a改变后的值啊。
后来想了想认为[a,b] = [b,a];
是tmp=b;b=a;a=tmp;
的语法糖,只是写法简单了。
但是如果同时解构的变量多了,那么不是需要很多临时变量?后面查了一下,比较认同下面的说法。
解构是对于左边部分说的,右边的部分只是一个数组(用[]包裹),也就是解构目标=数组
let a = 1;
let b = 2;
//[a,b] = [b,a];
let arr = [2,1];
[a,b] = [2,1];