js解构赋值详解。
程序员文章站
2024-02-20 20:07:40
...
解构赋值:
混合式赋值,我们称之为解构赋值。
解构赋值中,等号右侧是一个数组或对象,指定左侧一个或多个变量的语法。
语法保持格式一致。
let [x,y] = [1,2]; // 等价 x=1 y=2
[x,y] = [x+1,y+2]; // 等价 x = x+1,y+2
[x,y] = [y,x]; // 交换两个变量的值
右侧的数组包含的元素不必和左侧的变量一一对应。左侧多余的变量视为undefined,
右侧多余的值则忽略。左侧的变量可以用逗号跳过右侧对应的值
let [x,y] = [1]; // x=1 y=undefined // 左侧多余变量视为undefined
[x,y] = [1,2,3]; // x = 1 y = 2 右侧多余的值忽略
[,x,y] = [1,2,3]; // x=2 y = 3 逗号跳过了1
链式解构赋值:
let first,second,all;
all = [first,second] = [1,2,3,4]; // frist=1 second=2 all=[1,2,3,4]
解构赋值可以嵌套:
let [one,[twoA,twoB]] = [1,[2,3]]; // one=1 twoA=2 twoB=3
解构赋值还可以解构数据结构:
let data = {
name:'李四',
age:'20',
person:[
weight:'120',
height:'1米8'
]
}
let ({name:a,age:b,person:[{weight:c,height:d}]} = data);
console.log(a); // 20
console.log(weight); //120
上一篇: 多表事务处理