前言

這一篇與上一篇 JS幾種變量交換方式以及性能分析對(duì)比 屬于同一個(gè)系列，本文繼續(xù)分析JS中幾種常用的數(shù)組遍歷方式以及各自的性能對(duì)比

起由

在上一次分析了JS幾種常用變量交換方式以及各自性能后，覺得這種方式挺好的，于是抽取了核心邏輯，封裝成了模板，打算拓展成一個(gè)系列，本文則是系列中的第二篇，JS數(shù)組遍歷方式的分析對(duì)比

JS數(shù)組遍歷的幾種方式

JS數(shù)組遍歷，基本就是for,forin,foreach,forof,map等等一些方法，以下介紹幾種本文分析用到的數(shù)組遍歷方式以及進(jìn)行性能分析對(duì)比

第一種:普通for循環(huán)

代碼如下: 

for(j = 0; j < arr.length; j++) {
   
}

簡(jiǎn)要說明:
最簡(jiǎn)單的一種，也是使用頻率最高的一種，雖然性能不弱，但仍有優(yōu)化空間

第二種:優(yōu)化版for循環(huán)

代碼如下: 

for(j = 0,len=arr.length; j < len; j++) {
   
}

簡(jiǎn)要說明:
使用臨時(shí)變量，將長(zhǎng)度緩存起來，避免重復(fù)獲取數(shù)組長(zhǎng)度，當(dāng)數(shù)組較大時(shí)優(yōu)化效果才會(huì)比較明顯。

這種方法基本上是所有循環(huán)遍歷方法中性能最高的一種

第三種:弱化版for循環(huán)

代碼如下: 

for(j = 0; arr[j]!=null; j++) {
   
}

簡(jiǎn)要說明:
這種方法其實(shí)嚴(yán)格上也屬于for循環(huán)，只不過是沒有使用length判斷，而使用變量本身