ES6数组的解构赋值

简介: ES6数组的解构赋值

数组正常拿值:

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

 

解构赋值的写法:

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

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

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

 

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

解构传值:

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

解构嵌套:

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

对象赋值解构:

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

解构赋值:

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

解构传值:

嵌套解构:

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


目录
相关文章
|
6月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
6月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
ES6学习(2)解构赋值
ES6学习(2)解构赋值
|
2月前
ES6解构赋值
本文介绍了ES6中解构赋值的用法,包括对象和数组的解构,展示了如何从复杂数据结构中提取需要的变量,以及使用重命名和嵌套解构来简化代码。
33 0
ES6解构赋值
|
5月前
|
JSON JavaScript 前端开发
ES6 解构赋值详解
ES6是JavaScript语言的一次重大更新,引入了许多新特性和语法改进,其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值,并赋给对应的变量,让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。
191 58
ES6 解构赋值详解
|
3月前
es6 的解构赋值
【8月更文挑战第22天】
20 3
|
4月前
ES6 解构赋值【详解】
ES6 解构赋值【详解】
27 0
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
85 0
|
11月前
ES6学习(二)—变量的解构赋值
ES6学习(二)—变量的解构赋值
Es6解构赋值
例如现在有一个本地存储里面存的是用户信息,然后需要拿到里面的id,名称等等非常麻烦