map和forEach區(qū)別

atinosun 發(fā)布于2019-08-26 10:27 / 2679人閱讀

摘要：在中提供了方法進(jìn)行遍歷其實(shí)就是模仿了中方法，不過(guò)將于進(jìn)行了調(diào)換，下面兩種方法進(jìn)行對(duì)比一下，本身不會(huì)返回任何值判斷循環(huán)是否結(jié)束返回遍歷的數(shù)組返回遍歷的數(shù)組也是循環(huán)遍歷數(shù)組的語(yǔ)法，默認(rèn)返回一個(gè)數(shù)組數(shù)組的返回新數(shù)據(jù)

forEach

在es5中提供了forEach方法進(jìn)行遍歷,其實(shí)就是模仿了jQuery中each方法，不過(guò)將 i 于v進(jìn)行了調(diào)換，下面兩種方法進(jìn)行對(duì)比一下，forEach本身不會(huì)返回任何值（undefined）
var arr = [ 11, 22, 33 ,44,55];
var res = $.each( arr, function ( i, v ) {

console.log( i + ", " + v );
return false/true;//判斷循環(huán)是否結(jié)束

});
console.log( res ); // 返回遍歷的數(shù)組

var res = arr.forEach(function ( v, i ) {

console.log( i + ", " + v );
return true;

});
console.log( res ); // 返回遍歷的數(shù)組

map

map也是循環(huán)遍歷數(shù)組的語(yǔ)法，默認(rèn)返回一個(gè)數(shù)組[undefined,undefined,...(數(shù)組的length)]
var arr = [ 11, 22, 33 ,44];
var res = arr.map( function ( v, i) {

console.log( i + ", " + v );
return v * 2;

});
console.log( res );//返回新數(shù)據(jù)

云服務(wù)器 GPU云服務(wù)器 for循環(huán)和foreach map和each php數(shù)組和map foreach

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106205.html

相關(guān)文章

JavaScript中Map和ForEach的區(qū)別

摘要：示例下方提供了一個(gè)數(shù)組，如果我們想將其中的每一個(gè)元素翻倍，我們可以使用和來(lái)達(dá)到目的。注意，是不會(huì)返回有意義的值的。允許更改原始數(shù)組的元素。自從年雙十一正式上線，累計(jì)處理了億錯(cuò)誤事件，得到了金山軟件等眾多知名用戶的認(rèn)可。譯者按：慣用Haskell的我更愛(ài)map。原文: JavaScript?—?Map vs. ForEach - What’s the difference bet...

charles_paul 2019-08-22 14:48 評(píng)論0 收藏0
JavaScript中的數(shù)組遍歷forEach()與map()的區(qū)別

摘要：加粗文字不管是還是在下都不兼容不兼容的情況下在上沒(méi)有這兩個(gè)方法那么需要我們自己封裝一個(gè)都兼容的方法，代碼如下遍歷數(shù)組回調(diào)函數(shù)上下文下自己編寫(xiě)回調(diào)函數(shù)執(zhí)行的邏輯遍歷數(shù)組回調(diào)函數(shù)上下文下自己編寫(xiě)回調(diào)函數(shù)執(zhí)行的邏輯原理：高級(jí)瀏覽器支持forEach方法語(yǔ)法：forEach和map都支持2個(gè)參數(shù)：一個(gè)是回調(diào)函數(shù)（item,index,list）和上下文； forEach:用來(lái)遍歷數(shù)組中...

Mr_zhang 2019-08-23 15:42 評(píng)論0 收藏0
JS中some(),every(),forEach(),map(),filter()區(qū)別

摘要：在中為新增了幾個(gè)方法，，，，，也就是一共有這么多方法了。剛開(kāi)始接觸這些倒也記得不是很清楚，在此紀(jì)錄一下以加深影響。我主要從兩個(gè)角度來(lái)理解和記憶吧，一個(gè)是的使用，一個(gè)是內(nèi)部實(shí)現(xiàn)。 JS在1.6中為Array新增了幾個(gè)方法map()，filter()，some()，every()，forEach()，也就是一共有這么多方法了。剛開(kāi)始接觸這些倒也記得不是很清楚，在此紀(jì)錄一下以加深影響。我主...

CoderBear 2019-08-23 14:05 評(píng)論0 收藏0
Array基本概念

摘要：基本概念可以使用關(guān)鍵字創(chuàng)建。調(diào)用時(shí)傳入一個(gè)數(shù)組和一個(gè)函數(shù)，內(nèi)部過(guò)程遍歷數(shù)組，并對(duì)數(shù)組中的每一項(xiàng)調(diào)用函數(shù)，調(diào)用函數(shù)的時(shí)候會(huì)傳入兩個(gè)參數(shù)，這個(gè)數(shù)組有項(xiàng)，傳次，每次不一樣的不一樣的。會(huì)按照升序排列數(shù)組。 Array基本概念 Array可以使用new關(guān)鍵字創(chuàng)建。var a = new Array(1,2,3,4); === var a = Array(1,2,3,4); === var a...

Alfred 2019-08-22 17:12 評(píng)論0 收藏0
生動(dòng)形象解釋forEach、filter、map、some、every、find、findIndex

摘要：前言從最開(kāi)始學(xué)的循環(huán)遍歷方法，到后來(lái)層出不窮的各種遍歷方法，其實(shí)最大的區(qū)別就是應(yīng)用場(chǎng)景的不同。我們最需要記住的就是，什么情況下用哪一種方法比較合適。前言從最開(kāi)始學(xué)的for循環(huán)遍歷方法，到后來(lái)層出不窮的各種遍歷方法，其實(shí)最大的區(qū)別就是應(yīng)用場(chǎng)景的不同。我們最需要記住的就是，什么情況下用哪一種方法比較合適。從挑土豆開(kāi)始 showImg(https://segmentfault.com/...

Luosunce 2019-08-23 16:51 評(píng)論0 收藏0