ES6数组的解构赋值

简介: ES6数组的解构赋值

数组正常拿值:

通过数组的索引取值,如果需要全部拿值的话需要遍历获取

 

解构赋值的写法:

将数组的对应索引位置的值对应到新的变量上,输出对应变量即可获取到数组对应索引的值

a,b,c,d分别对应到arr数组里的索引:0,1,2,3

解构赋值的内容可以用 ”,” 省略:

 

如果定义的变量,对象内无对应属性名,则输出undefined

解构传值:

普通的对象传值为变量定义值,对象内部 -- >  属性名:变量名

解构嵌套:

数组在某些情况下是以嵌套的形式展现的,对于嵌套数组的解构语法如下:

对象赋值解构:

普通对象取值写法:以键取值

解构赋值:

定义变量,变量的名称与对象内的属性名相同可以直接获取到对象内对应名称的属性值

解构传值:

嵌套解构:

对象内部有多个对象嵌套,此时使用解构赋值也可以对应嵌套获取对象内部的值


目录
相关文章
|
存储 弹性计算 数据库
阿里云权益中心,助力学生、开发者、企业用云上云无忧
阿里云权益中心支持学生、开发者和企业快速上云,提供“99计划”惠及中小企业和开发者,包括云产品试用、精选优惠和上云扶持。高校用户可通过“云工开物”计划享专属优惠。企业用户可获上云抵扣、1对1服务及成长权益。多种云产品免费试用,降低上云门槛。
阿里云权益中心,助力学生、开发者、企业用云上云无忧
|
Oracle 关系型数据库 数据库
如何利用 Docker 安装 Oracle 数据库
【2月更文挑战第14天】
2094 0
|
消息中间件 Java Spring
SpringBoot实现RabbitMQ的广播交换机(SpringAMQP 实现Fanout广播交换机)
SpringBoot实现RabbitMQ的广播交换机(SpringAMQP 实现Fanout广播交换机)
326 2
|
10月前
|
JavaScript 前端开发 应用服务中间件
菜鸟之路Day24一一前端工程化(一)
本文详细介绍了从零开始搭建Vue前端项目并部署到Nginx服务器的全流程。首先,通过配置Node.js和vue-cli环境,为项目创建打好基础。接着,利用vue-cli快速生成Vue项目,可通过命令行或图形化界面完成配置,如添加路由功能等。文章还解析了Vue项目的结构,重点讲解组件的概念及实现方式,并通过编写登录页面组件演示开发过程。最后,展示了如何修改端口、启动项目以及组件挂载的原理,帮助读者深入理解Vue工程化开发的核心思想。
278 4
菜鸟之路Day24一一前端工程化(一)
|
11月前
|
人工智能 自然语言处理 安全
通义灵码插件下载量破千万!感谢大家的喜爱
通义灵码插件下载量破千万!感谢大家的喜爱
|
人工智能 自动驾驶 算法
AIoT(人工智能物联网)技术的发展前景
【8月更文挑战第1天】AIoT技术作为人工智能与物联网的深度融合产物,正展现出广阔的发展前景。随着技术的不断进步和市场需求的持续增长,AIoT技术将在更多领域和场景发挥重要作用,推动社会向更加智能化、高效化的方向发展。
1172 6
|
存储 传感器 网络协议
ClickHouse 数据类型、表引擎与TTL
ClickHouse数据类型包括UInt8、Int64等,对应Java的Short、Long等,支持数字、字符串、日期时间、数组、枚举、UUID和IP地址等多种类型。建表时需确定好数据类型,避免后期转换影响效率。不要使用Nullable类型,因其低效。合理设置分区和索引,避免轻量删除和修改操作。表引擎如TinyLog适合小规模数据,MergeTree适用于有序时间序列,ReplacingMergeTree用于替换更新数据,AggregatingMergeTree和SummingMergeTree做聚合计算,CollapsingMergeTree保留最新状态。
1131 1
|
消息中间件 运维 中间件
阿里开源消息中间件RocketMQ的前世今生
昨天,我们将分布式消息中间件RocketMQ捐赠给了开源软件基金会Apache。 孵化成功后,RocketMQ或将成为国内首个互联网中间件在Apache上的顶级项目。
16686 95
|
搜索推荐 数据挖掘 vr&ar
生成决策选项
生成决策选项
94 1
|
Go
golang安装protoc和gRPC步骤
golang安装protoc和gRPC步骤
438 0