高階函數(shù)(二)map

數(shù)組中的Array.prototype.map()和Array.prototype.forEach()方法作用相同,但是也是存在一些區(qū)別的。

區(qū)別

forEach()方法不會(huì)有返回值,而是修改原數(shù)組,而map()會(huì)返回一個(gè)新的數(shù)組。

執(zhí)行速度上比較,誰更快呢

forEach()比map()快

jsPerf 是一個(gè)在線的代碼片段性能測試工具,可以對某些代碼片段進(jìn)行性能測試,會(huì)自動(dòng)輸出對比的結(jié)果。

在線地址:http://jsperf.com/

使用上,可以按需選擇

  1. 兩個(gè)方法都可以相互做到同樣的功能,如果喜歡函數(shù)式編程的話,使用map()可以和其他api相結(jié)合,效果更好。
let arr = [1, 2, 3, 4, 5];
let arr2 = arr.map(num => num * 2).filter(num => num > 5);
// arr2 = [6, 8, 10]

以上是遍歷每個(gè)值并且乘以2后,過濾篩選大于5值,返回給 arr2

  1. 轉(zhuǎn)換數(shù)組中的類型
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String); // ['1', '2', '3', '4', '5', '6', '7', '8', '9']
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容