轉載請注明出處，保留原文鏈接以及作者信息

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 個值會發生什么呢?

總結

以上是生活随笔為你收集整理的es6 取数组的第一个和最后一个_ES6：解构——JavaScript 从数组和对象中提取数据的优雅方法...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。