数组解构赋值

简介: 数组解构赋值

倘若A代表人生的成功,那么公式是:A =X+Y+Z。X是工作,Y是游戏,z是保持缄默。——(美)爱因斯坦

我们以前从一个数组中获取第一项,可能是如下写法:

let list = [1,2,3]
let i = list[0]

有了解构赋值,可以如下写法:

let list = [1,2,3]
let [i] = list

如果稍微复杂点,例如下面这样从对象中取出来数组:

let ruben = {hobby:['anime']}
let favorite = ruben.hobby[0]

就可以写成:

let ruben = {hobby:['anime']}
let {hobby:[favorite]} = ruben

如果再复杂点

let ruben = {hobby:['anime']}
let achao = {favorite:undefined}
achao.favorite = ruben.hobby[0]

可以写成

let ruben = {hobby:['anime']}
let achao = {favorite:undefined}
[achao.favorite] = ruben.hobby

以及

let ruben = {hobby:['anime']};
let achao = {favorite:undefined};
({hobby:[achao.favorite]} = ruben);

关键在于,两边的结构要一致,而且不能使用{}作为代码开头,会被解析为代码块

我们最后来一个收尾

let ruben = {hobby:[{english:'ruben',chinese:'阿超',behavior:()=>'看动漫'}]};
let achao = {weekend:{todo:undefined},names:[]};
achao.weekend.todo = ruben.hobby[0].behavior;
achao.names = [ruben.hobby[0].english,ruben.hobby[0].chinese];

写成:

let ruben = {hobby:[{english:'ruben',chinese:'阿超',behavior:()=>'看动漫'}]};
let achao = {weekend:{todo:undefined},names:[]};
({hobby:[{english:achao.names[0],chinese:achao.names[1],behavior:achao.weekend.todo}]} = ruben);
相关文章
|
7月前
|
JavaScript 前端开发
变量和对象的解构赋值
变量和对象的解构赋值
43 0
|
1月前
解构赋值时如果数组元素的值是对象,如何进行解构赋值?
【10月更文挑战第30天】当数组元素的值是对象时,解构赋值提供了一种方便灵活的方式来提取和使用对象的属性值,通过不同的组合和嵌套方式,可以满足各种复杂的数据结构处理需求,使代码更加简洁和易读。
|
1月前
|
网络架构 索引
用解构赋值来遍历数组
【10月更文挑战第30天】使用解构赋值来遍历数组为数组的遍历操作提供了一种更加灵活和简洁的方式,能够根据具体的需求灵活地获取和处理数组元素,提高代码的可读性和可维护性。
|
1月前
解构赋值时,如果数组元素的值是函数,如何进行解构赋值?
解构赋值对于数组中函数元素的处理提供了一种简洁明了的方式,能够方便地将函数提取到变量中进行后续的调用和操作,使代码更加清晰和易于理解。
27 4
|
1月前
|
JavaScript 前端开发 网络架构
数组解构赋值时,对变量的命名有什么要求?
【10月更文挑战第30天】数组解构赋值对变量命名的要求主要是遵循JavaScript标识符的命名规则,以及与数组元素位置的对应关系。合理的变量命名可以使代码更加清晰易懂,提高代码的可读性和可维护性。
|
1月前
|
JavaScript 前端开发 网络架构
解构赋值
【10月更文挑战第30天】解构赋值为JavaScript编程带来了很大的便利,它不仅使代码更加简洁、易读,还提高了代码的编写效率和可维护性,在各种JavaScript应用场景中都有广泛的应用。
|
1月前
解构赋值时如果数组元素的值是嵌套对象,如何进行解构赋值?
【10月更文挑战第30天】可以灵活地对数组中包含嵌套对象的元素进行解构赋值,根据具体的需求提取出所需的值,从而使代码更加简洁、清晰,提高代码的可读性和可维护性。
|
2月前
|
JavaScript 前端开发
解构赋值及其原理
解构赋值及其原理
50 0
|
JavaScript 前端开发
什么是解构赋值?
什么是解构赋值?
50 1

热门文章

最新文章