前端循環(huán)系列筆記

1、map

返回新的Array

返回一個和原數(shù)組長度一樣的新數(shù)組，數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。

不會改變原始數(shù)組

不會改變原始數(shù)組

2、filter

返回新的Array

????創(chuàng)建一個新的數(shù)組，新數(shù)組中的元素是通過檢查指定數(shù)組中符合條件的所有元素。

????回調(diào)函數(shù)有return返回值，若返回值為true，這個元素保存到新數(shù)組中；若返回值為false，則該元素不保存到新數(shù)組中；

不會改變原始數(shù)組

不會改變原始數(shù)組

3、foreach

4、for of

5、while

6、for

對于for循環(huán)，我們在熟悉不過了，你是不是都在用下面一和二寫法呢，不妨試一試第三種？

bad

function method1() { ?

let arrCopy = []??

for (let i = 0; i < hugeArr.length; i++) {? ? ? arrCopy.push(hugeArr[i])??

}?

}

weak

function method2() { ?

let arrCopy = []??

for (let i = 0, len = hugeArr.length; i < len; i++) { ? ?

arrCopy.push(hugeArr[i]) ?

}?

}

good

function method4() { ?

let arrCopy = []??

for (let i = hugeArr.length; i--;) { ? ?arrCopy.push(hugeArr[i]) ?

}?

}

總結(jié)

1、ES6新語法并不是為了提升效率而出現(xiàn)，使得前端更方便，代碼更簡潔。

2、語句的效率和環(huán)境瀏覽器關(guān)系密切，沒有太大的區(qū)別。

3、語句的選用應(yīng)根據(jù)數(shù)據(jù)結(jié)構(gòu)、業(yè)務(wù)需求來。

4、盡可能的減少變量使用。

5、三思而后行。

寫得質(zhì)量不是很好，有什么建議和問題歡迎留言偶。