作為一名前端開(kāi)發(fā)，for和foreach循環(huán)遍歷幾乎每天都在使用违孝，那么這兩種遍歷方式哪一種效率更高呢壕曼？ 效率高的原因是什么呢？
一等浊、for( )循環(huán)
通過(guò)下標(biāo)腮郊，對(duì)循環(huán)中的代碼反復(fù)執(zhí)行，功能強(qiáng)大筹燕，可以通過(guò)index取得元素轧飞。在處理比較復(fù)雜的處理的時(shí)候較為方便
二、forEach( )循環(huán)
forEach() 方法用于調(diào)用數(shù)組的每個(gè)元素撒踪，并將元素傳遞給回調(diào)函數(shù)过咬。foreach有的也叫增強(qiáng)for循環(huán)，foreach其實(shí)是for循環(huán)的一個(gè)特殊簡(jiǎn)化版制妄。注意掸绞，forEach() 對(duì)于空數(shù)組是不會(huì)執(zhí)行回調(diào)函數(shù)的
array.forEach(function(currentValue, index, arr), thisValue)
function(currentValue, index, arr)：必需。 數(shù)組中每個(gè)元素需要調(diào)用的函數(shù)。
| currentValue | 必需衔掸，當(dāng)前元素 |
| index | 可選烫幕，當(dāng)前元素的索引值。 |
| arr | 可選敞映，當(dāng)前元素所屬的數(shù)組對(duì)象较曼。 |thisValue：可選。傳遞給函數(shù)的值一般用 "this" 值振愿。如果這個(gè)參數(shù)為空捷犹， "undefined" 會(huì)傳遞給 "this"
值
三、console.time和console.timeEnd用法
console.time和console.timeEnd這兩個(gè)方法可以用來(lái)讓W(xué)EB開(kāi)發(fā)人員測(cè)量一個(gè)javascript腳本程序執(zhí)行消耗的時(shí)間冕末。隨著WEB應(yīng)用越來(lái)越重要萍歉，JavaScript的執(zhí)行性能也日益受到重視，WEB開(kāi)發(fā)人員知道一些性能測(cè)試機(jī)器是必須的档桃。測(cè)試JavaScript性能的方法有很多枪孩，但console.time/console.timeEnd兩個(gè)方法是最基本、最直接的技巧胳蛮。
- console.time方法是開(kāi)始計(jì)算時(shí)間
- console.timeEnd是停止計(jì)時(shí)销凑，輸出腳本執(zhí)行的時(shí)間。
- 這兩個(gè)方法中都可以傳入一個(gè)參數(shù)仅炊，作為計(jì)時(shí)器的名稱(chēng)斗幼，它的作用是在代碼并行運(yùn)行時(shí)分清楚各個(gè)計(jì)時(shí)器。
- 對(duì)console.timeEnd的調(diào)用會(huì)立即輸出執(zhí)行總共消耗的時(shí)間抚垄，單位是毫秒蜕窿。
// 啟動(dòng)計(jì)時(shí)器
console.time('計(jì)時(shí)器名稱(chēng)');
// (寫(xiě)一些測(cè)試用代碼)
// 停止計(jì)時(shí)，輸出時(shí)間
console.timeEnd('計(jì)時(shí)器名稱(chēng)');
四呆馁、測(cè)試性能
在1000000這個(gè)級(jí)別下桐经，forEach 的性能高于for
let arrs = new Array(1000000);
console.time('for');
for (let i = 0; i < arrs.length; i++) {};
console.timeEnd('for'); // for: 10.329833984375ms
console.time('forEach');
arrs.forEach((arr) => {});
console.timeEnd('forEach'); // forEach: 5.076904296875ms
在10000000這個(gè)級(jí)別下，forEach 的性能還是高于for
let arrs = new Array(10000000);
console.time('for');
for (let i = 0; i < arrs.length; i++) {};
console.timeEnd('for'); // for: 95.157958984375ms
console.time('forEach');
arrs.forEach((arr) => {});
console.timeEnd('forEach'); // forEach: 37.9619140625ms
在100000000級(jí)以上的量級(jí)上 浙滤，forEach的性能遠(yuǎn)遠(yuǎn)低于for的性能
let arrs = new Array(100000000);
console.time('for');
for (let i = 0; i < arrs.length; i++) {};
console.timeEnd('for'); // for: 939.18994140625ms
console.time('forEach');
arrs.forEach((arr) => {});
console.timeEnd('forEach'); // forEach: 1614.8642578125ms
五阴挣、for和forEach的區(qū)別
【3.1】遍歷
for循環(huán)按順序遍歷，forEach使用iterator迭代器遍歷
【3.2】數(shù)據(jù)結(jié)構(gòu)
for循環(huán)是隨機(jī)訪(fǎng)問(wèn)元素纺腊，foreach是順序鏈表訪(fǎng)問(wèn)元素
【3.3】性能上
對(duì)于arraylist畔咧，是順序表，使用for循環(huán)可以順序訪(fǎng)問(wèn)揖膜，速度較快誓沸；使用foreach會(huì)比f(wàn)or循環(huán)稍慢一些。
對(duì)于linkedlist壹粟，是單鏈表拜隧，使用for循環(huán)每次都要從第一個(gè)元素讀取next域來(lái)讀取，速度非常慢；使用foreach可以直接讀取當(dāng)前結(jié)點(diǎn)洪添，數(shù)據(jù)較快垦页；
六、如何選擇
foreach相對(duì)于for循環(huán)薇组，代碼減少了外臂，但是foreach依賴(lài)IEnumerable坐儿。在運(yùn)行的時(shí)候效率低于for循環(huán)律胀。當(dāng)然了，在處理不確定循環(huán)次數(shù)的循環(huán)貌矿，或者循環(huán)次數(shù)需要計(jì)算的情況下炭菌。使用foreach比較方便。而且foreach的代碼經(jīng)過(guò)編譯系統(tǒng)的代碼優(yōu)化后逛漫，和for循環(huán)的循環(huán)類(lèi)似黑低。
可以說(shuō)，foreach語(yǔ)句是for語(yǔ)句的特殊簡(jiǎn)化版本酌毡，在遍歷數(shù)組克握、集合方面，foreach為開(kāi)發(fā)人員提供了極大的方便枷踏。在復(fù)雜的循環(huán)設(shè)計(jì)時(shí)菩暗，還是應(yīng)該使用for循環(huán)更加的靈活。
