转载请说明出处,保存原文链接以及作者信息
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 个值,而数组