見使用的遍歷函數

使用for-of循環(ES2015+) - 異步友好

使用forEach/some - 異步不友好(見例子)

使用for - 異步友好

幾點注意

不使用map，除非你用不到循環的返回值，請注意map和forEach是有區別的，map主要用來生成一個新的數組。

異步謹慎使用forEach，如果回調做異步工作，需要forEach等待（但是forEach不會等待，而是直接到底）。

數組遍歷例子

for-of (ES2015+)

用法簡單直接，使用let把單個變量的范圍進行限制，不會影響到循環外，而且性能優于forEach，建議遍歷數組使用該函數。

const a=["a", "b", "c"];
for (let val of a) {
    console.log(val);
}
//依次打印結果 "a", "b", "c"

同時也對異步處理十分友好。

//延時
function delay(ms) {
  return new Promise((resolve)=> {
    setTimeout(resolve, ms);
  });
}

//異步函數打印數組內容
async function show(arr) {
  for (let item of arr) {
    await delay(400); //等待 forEach 則會無視 await
    console.log(item);
  }
}

show(["頭", "條", "新", "浪", "潮"]);
//依次延時打印結果 "頭"  "條"  "新"  "浪"  "潮"

forEach (ES5)

處理同步代碼（不需要等待），則可以使用forEach用于在循環期間完成的異步進程。

const a=["a", "b", "c"];
a.forEach((val)=> {
    console.log(val);
});
//依次打印結果 "a", "b", "c"

異步處理例子

組和對象一樣都是引用數據類型，數組中的數據按照順序排列，從0開始，把這個叫做索引，也叫做下標，把數組中的每個數據叫做元素，或者簡稱元 。

數組的新建方式有字面量創建和構造函數創建兩種方法

字面量創建： var arr=[4,5,3,6,2,1]

構造函數創建： var arr1=new Array(4,5,3,6,2,1);

注：如果通過數組的構造函數創建數組，參數僅有1個，且這個參數是正整數，則表示新建一個具備該正整數長度的空數組，里面有這個長度的若干空元素 。

一、for循環方法遍歷數組

var arr=["d","e","f","a"];
for(var i=0;i<arr.length;i++){
    console.log(arr[i]);
 }

二、for...in循環遍歷

var arr=["d","e","f","a"];
for (var i in arr){
      console.log(arr[i]);
 }

使用for循環與for...in循環遍歷數組區別

1、當使用for in遍歷時，會將所有屬性包括下標都會轉為字符型

2、for in不會遍歷空元素，for會遍歷空元素

3、for in可以遍歷到數組的屬性，for只能遍歷數組所有下標，不能遍歷屬性

可以使用for...in的特性實現數組的不遍歷空元素方法

for(var i=0;i<arr.length;i++){
          if(i in arr)console.log(arr[i]);
 } 

三、forEach方法（不會遍歷空元素）

格式：arr.forEach(function(元素，下標，數組) {} )

var arr=[1,2,3,4,5,,7,8,9];
arr.forEach(function(item,index,arr){
      console.log(item);
})

四、map方法

格式： arr.map(function(元素，下標，數組) {} )

var arr=[1,2,3,4,5,,7,8,9];
arr.map(function(item,index,arr){
      console.log(item);
})

forEach與map方法區別

1、 forEach方法不會遍歷空元素

2、forEach方法沒有返回值

3、map返回值默認是一個與arr同等長度的數組，且數組內元素都是Undefined.結果演示如下：

var arr=[1,2,3,4,5,,7,8,9];
var arr1=arr.map(function(item,index,arr){
})
console.log(arr1);

運行結果