ES6 Object&Array Destructin

本文深入探讨ES6中对象和数组解构赋值的特性,介绍如何简化代码,直接从对象和数组中提取属性和元素,提升JavaScript编程效率。

ES6的一个新功能就是让我们调用object或者array里面的元素更加简单,今天查了一些资料后,自己总结了一下:

首先是Object Destructing

const student = {
	name: "Tom",
	age: 18
};
const {name, age} = student;

以这种方式,我们便可以直接使用name,而不用student.name了,并且我们如果不想用name,还可以assign新的名字给它。
格式为: {object_key : new_variable_name } = object

const {name: myName, age: myAge } = student;

接下来谈一谈array destructing:
destructing可以让我们不用index去获取元素,
比如

const name = ["Leo", "Mark", "Rock"];
const [a, b, c] = name;
// a is "Leo", b is "Mark", c is "Rock"

如果我们只想要Mark和Rock的话

const [,b,c] = name;

这样b 就是 Mark, c 就是 Rock

如果想把他们放在一个新的数组

const [,...nameSet] = name;
// nameSet refers to ["Mark", "Rock"];
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值