ES6：解构

您所在的位置：网站首页 › es6集合操作 › ES6：解构

2023-09-03 17:14| 来源: 网络整理| 查看: 265

ES6 有很多新特性，它很大程度上提升了 JavaScript 的编程体验，并且也告诉外界，JavaScript 依旧强势。

其中一个新特性是其对数组和对象的解构，通过解构方法从数组和对象中提取数据变得非常简单和方便。接下来看一下它是如何做到的，我们从数组开始讲起。

从数组中提取数据假设你有如下的数组，里面是几个人的名字：

const names = ['Luke', 'Eva', 'Phil'];复制代码

接下来，使用解构从里面提取数据。

从数组中取元素首先从最基本的开始——提取数组中第一个元素。

const [first] = names; console.log(first); // 'Luke'复制代码

ok，下面分析一下这个语法都做了什么。把一个变量用中括号括起来，表示我们想要取得 names 数组中的第一个元素，并且把它分配给指定的变量，本例中即变量 first。

那么现在想要提取几个元素，比如第一个和第二个怎么办呢？很简单，在中括号中添加变量就可以。这样会从数组中顺序提取几个元素分配给指定的变量。

const [first, second] = names; console.log(first, second); // 'Luke' 'Eva'复制代码

元素缺失时的默认值以上面的数组为例，如果我们要取 4 个值，而数组中只有 3 个值会发生什么呢？

const [first, second, third, fourth] = na

【本文地址】

今日新闻