前端技巧：遍歷陣列都有哪些方式呢？

前端開發中給我們提供了陣列這個概念，很多的資料可以存在一個陣列中，但當我們需要尋找裡面的資料的時候就需要遍歷陣列，那麼遍歷陣列都有哪些方式呢？

一.for迴圈

length屬性是一個很特別的屬性，看到陣列，大家一定會想到length, 那他具體有什麼特性那？

1.陣列是一組資料，length屬性表示這個陣列中的內容的個數。簡稱陣列的長度。

2.陣列物件是沒有任何方法的，只有一個唯一的屬性length。

3.當設定屬性的時候，表示要修改該陣列的長度。陣列的長度會發生變化。

4.當讀取時，會實時返回陣列的當時的長度。

for迴圈實現陣列的遍歷

原理：

1.透過for 構造下標，根據下標取出具體元素

2.(變數名.length) 可以動態檢測陣列元素的個數

3.arr[i] 表示的是第幾個，不是計數器，是陣列元素

4.arr.length 表示有幾個 ，是陣列的長度

二、forEach

forEach()函式從頭到尾把陣列遍歷一遍。有三個引數分別是：陣列元素，元素的索引，陣列本身（如果是一個引數就是陣列元素，也就是陣列的值。

輸出結果：

由此可見：

1.val代表著陣列中的值，而key代表著相對應陣列的下標

2.方法用於呼叫陣列的每個元素，並將元素傳遞給回撥函式, 沒有返回值

三、map（）

map方法是透過迴圈的方式一個一個項的處理原來的陣列，並返回新的陣列，同時，不會改變原陣列的值

輸出結果：

注意：

1.返回一個新的陣列,但是不改變原陣列

2.map方法有返回值，返回值用變數接收。

四、for of遍歷陣列

es6新增加一個for of迴圈 得到的是元素

優點：

不同用於forEach方法，它可以與break、continue和return配合使用

提供了遍歷所有資料結構的統一操作介面

注意：

for of不能遍歷物件。