第六節 ES6 中新增的陣列知識

json 陣列格式轉換

josn 的陣列格式就是為了前端快速的把 json 轉換成陣列的一種格式，我們先來看一下 json 的陣列格式怎麼寫。

let json =

這就是乙個標準的json陣列格式，跟普通的json對比是在最後多了乙個length屬性。只要是這種特殊的json格式都可以輕鬆使用es6的語法轉變成陣列。在es6中絕大部分的array操作都存在於array物件裡。我們就用array.from(***)來進行轉換。我們把上邊的json**轉換成陣列，並列印在控制台。

let json = 
let arr =
array
.from(json);
console.
log(arr);

實際開發中這種方法還是比較常用的，畢竟節省了我們**行數，也讓我們的程式更清晰。

array.of() 方法

它負責把一堆文字或者變數轉換成陣列。在開發中我們經常拿到了乙個類似陣列的字串，需要使用eval來進行轉換，如果你乙個老手程式設計師都知道eval的效率是很低的，它會拖慢我們的程式。這時候我們就可以使用array.of方法。我們看下邊的**把一堆數字轉換成陣列並列印在控制台上：

let arr = array.of(3,4,5,6);
console.log(arr);

當然它不僅可以轉換數字，字串也是可以轉換的，看下邊的**：

let arr =array.of('晴天','sun','love');
console.log(arr);

find（）例項方法

所謂的例項方法就是並不是以array物件開始的，而是必須有乙個已經存在的陣列，然後使用的方法，這就是例項方法（不理解請看下邊的**，再和上邊的**進行比對，你會有所頓悟）。這裡的find方法是從陣列中查詢。在find方法中我們需要傳入乙個匿名函式，函式需要傳入三個引數：

在函式中如果找到符合條件的陣列元素就進行return，並停止查詢。你可以拷貝下邊的**進行測試，就會知道find作用。

let arr=[1,2,3,4,5,6,7,8,9];
console.
log(arr.
find(function
(value,index,arr)))

控制台輸出了6，說明找到了符合條件的值，並進行返回了，如果找不到會顯示undefined。

fill( ) 例項方法

fill()也是乙個例項方法，它的作用是把陣列進行填充，它接收三個引數，第乙個引數是填充的變數，第二個是開始填充的位置，第三個是填充到的位置。

let arr=[0,1,2,3,4,5,6,7,8,9];
arr.fill('填充值',2,5);
console.log(arr);

上邊的**是把陣列從第二位到第五位用填充值進行填充。

陣列的遍歷

for…of 迴圈

這種形式比es5的for迴圈要簡單而且高效。先來看乙個最簡單的for…of迴圈。

let arr=['晴天','sun','綠樹']
for (let item of arr)

for…of 陣列索引

有時候開發中是需要陣列的索引的，那我們可以使用下面的**輸出陣列索引。

let arr=['晴天','sun','綠樹']
for (let index of arr。keys())

可以看到這時的控制台就輸出了0,1,2，也就是陣列的索引。

entries( )例項方法

entries()例項方式生成的是 iterator 形式的陣列，那這種形式的好處就是可以讓我們在需要時用next()手動跳轉到下乙個值。我們來看下面的**：

let arr=['晴天','sun','綠樹']
letlist=arr.entries();
console.log(list.next().value);
console.log(list.next().value);
console.log(list.next().value);

同時輸出陣列的內容和索引

我們用entries()這個例項方法，配合我們的for…of迴圈就可以同時輸出內容和索引了。

let arr=['晴天','sun','綠樹']
for (let [index,val] of arr.entries())

總結：陣列在我們的實際開發中是特別重要的，幾乎我每天都要編寫陣列的操作**，所以一定要自己敲一遍**。

第六節 ES6 中新增的陣列知識

第六節 ES6數字操作

第六節 Node陣列

第六節，ZYNQ的UART

第六節 ES6 中新增的陣列知識

第六節 ES6數字操作

第六節 Node陣列

第六節，ZYNQ的UART

相關推薦