ES6 解构

本文深入探讨了解构赋值在JavaScript中的应用,包括对象解构、默认值、嵌套对象解构、数组解构及解构参数等,展示了如何通过解构赋值使数据访问变得更加便捷和高效。

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

第五章 解构:使数据访问更便捷

对象解构

let node = {
  type: 'id',
  name: 'foo',
};

let {type, name} = node; // type === 'id', name === 'foo'
let {type: TYPE, name: NAME} = node; // TYPE === 'id', NAME === 'node'

默认值

可以在结构语句中添加默认值,使其覆盖false like的值

let {type, name, value = '123'} = node;

嵌套对象解构

将对象拆解以获取你想要的信息。

let {loc: {start}} = node; // 从node中提取node.loc.start,赋值给start

数组解构

使用数组字面量,且解构操作全部在数组内完成。

let colors = ['red', 'greed', 'blue'];

let [first, second] = colors; // first === 'red', second === 'green'
let [, , third] = colors; // third === 'blue'
let [, , , fourth = 'black'] = colors // 使用默认值,fourth === 'black'

数组的解构可以用来交换变量

let a = 1, b = 2;
[b, a] = [a, b];

不定元素

数组的解构可以使用扩展运算符...来分拆或组合数组。

let [first, ...rest] = colors; // rest = ['green', 'blue']
let mixed = [...colors, ...rest]; // mixed = ['red', 'green', 'blue', 'green', 'blue']

解构参数

在函数的参数表中,可以直接将某个参数对象的属性通过解构的方式获得,从而在函数中作为变量使用。

解构参数建议提供被解构对象的默认值{},从而避免从undefined中去解构,产生报错。

解构时,可以为每个解构的属性提供默认值。

转载于:https://www.cnblogs.com/gaogao999/p/11097592.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值