35.JavaScript对象和数组的解构赋值基础详解、let陷阱、函数参数解构

本文详细讲解了JavaScript中的对象和数组解构赋值,包括数组解构的不改变原数组、忽略元素、可迭代对象解构、与(entries())结合、与Map结合、变量交换等;对象解构的属性映射、默认值、多余属性以及let陷阱和多层解析。还介绍了解构在函数参数解析中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在这里插入图片描述

在这里插入图片描述


文章目录

35.JavaScript对象和数组的解构赋值

对象(Object)和数组(Array)是JavaScript中最常用的两种数据结构,二者的共同特点是都可以存储大量的数据。

问题是,当我们再参数传递和计算过程中,可能只需要对象和数组中的一部分内容,而不是整个对象/数组。

此时,就需要使用解构赋值将对象/数组拆包,获取其内部的一部分数据,下面会使用案例介绍解构赋值在编程中的应用。

数组解构

所谓数组解构,就是获取数组中一部分对我们有用的数据,举个栗子:

let arr = ['first','second']
let [x, y] = arr //解构操作

console.log(x,y)

代码执行结果如下:

image-20220621084800618

代码的内容非常简单,把数组中的内容赋值给了俩个变量,然后输出。

数组解构还可以和split函数配合使用,优雅又高端:

let [x, y] = 'hello world'.split(' ')

console.log(x, y)

代码执行结果如下:

image-20220621085519984

解构不改变原数组

解构也可以叫做“解构赋值”,其本质就是把数组的元素复制给变量,所以原数组没有发生任何的变化。

let [x, y] = arr //{1}

let x = arr[0]   //{2}
let y = arr[1]
<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值