41.解构赋值
创始人
2025-06-01 10:56:13

目录

1  数组解构

1.1  基本用法

1.2  交换值

1.3  数组排序

1.4  多解构多余的会变为undefined

1.5  少的就按顺序来

1.6  解构其余的值

1.7  默认解构值

1.8  跳过一些值

1.9  支持多维数组

2  对象解构

2.1  基本用法

2.2  数组套对象

2.3  多级对象

2.4  数组套多级对象


1  数组解构

1.1  基本用法

这样写会将数组中的对应值,直接放到指定的变量中

可以使用const,let,var进行声明

1.2  交换值

之前我们将a,b交换值需要引入一个变量c,现在可以使用数组解构进行交换,代码中的分号是必要的

由于实质上是重新赋值,所以不可以用const进行声明

1.3  数组排序

基于上面的交换值,我们可以给都是数值的数组进行排序

外层的i轮循环,有多少个数就会有(多少个-1)轮循环,-1的原因最后一个数不用比,别的已经比完了,最后自然就是最大的

内层的j轮循环,只跟后面的比,所以-i,最后一个不用比,所以-1,如果我比后面大就往后放

我们用[2,3,1]这个数组说一下这个代码的逻辑

2比3小不换,2比1大换,现在的数组是 [1,3,2],由于-1了,所以不用再比自身了

3比2大换,现在的数组是[1,2,3]了,由于-1了,所以不用再比自身了

1.4  多解构多余的会变为undefined

1.5  少的就按顺序来

1.6  解构其余的值

即使只有一个剩余,也是以数组的形式赋值的

1.7  默认解构值

有的会覆盖掉默认值,没有的会补上

1.8  跳过一些值

1.9  支持多维数组

多维数组表现形式为 中括号套中括号

2  对象解构

2.1  基本用法

对象中的键叫什么名字,你解构出来的对象也必须叫什么名字,如果你在解构中用到对象中没有的名字就会返回undefined

如果想改名的话要这样改

2.2  数组套对象

2.3  多级对象

  • 如果想给family解构成一个对象,那么就不需要写后面的内容了

2.4  数组套多级对象

解构时加个中括号就行了

相关内容

热门资讯

那个让我干掉三碗饭的“罪魁祸首... 要问我家餐桌上的“人气王”是谁?那必须是老爸的秘制啤酒鸭。每次这道菜一上桌,我和妹妹的筷子就像装了弹...
原创 此... 在繁忙的都市生活中,寻找一份简单而不失风味的美食,无疑是一种生活的艺术。今天,我要为大家介绍一道既传...
原创 家... 窗外的雨滴敲打着玻璃时,我正往砂锅里码着金灿灿的蛋皮饺子——这是独属于冬日的治愈仪式感。这道看似普通...
乳山金果食品:专注花生与蚕豆零... 在休闲零食行业持续发展的浪潮中,消费者对健康化、特色化零食的需求日益增长。乳山市金果食品股份有限公司...
春节待客8道拿手菜,南北口味都... 春节是阖家团圆、亲友相聚的美好时刻,准备一桌丰盛的菜肴来招待客人是必不可少的。下面就为大家带来8道超...