$.map與$.each的區(qū)別

荊兆峰發(fā)布于2019-08-19 17:41 / 2475人閱讀

摘要：方法是一個不可變的迭代方法，方法可以用來當(dāng)做迭代方法用，但是它事實上是操作提供的數(shù)組放回一個數(shù)組。例如也可以用來刪除數(shù)組中的一項中是不會映射的，所以要在返回函數(shù)中加參數(shù)。注意的是中的參數(shù)和中的參數(shù)是相反的。

each方法是一個不可變的迭代方法，map方法可以用來當(dāng)做迭代方法用，但是它事實上是操作提供的數(shù)組放回一個數(shù)組。另外一個重要的事情是each放回原始數(shù)組，map則放回一個新數(shù)組，如果你過度使map返會新數(shù)組，就要考慮到浪費內(nèi)存的問題。
例如：

var items = [1,2,3,4];

$.each(items, function() {
  alert("this is " + this);
});

var newItems = $.map(items, function(i) {
  return i + 1;
});
// newItems is [2,3,4,5]

map也可以用來刪除數(shù)組中的一項

var items = [0,1,2,3,4,5,6,7,8,9];

var itemsLessThanEqualFive = $.map(items, function(i) {
  // removes all items > 5
  if (i > 5) 
    return null;
  return i;
});
// itemsLessThanEqualFive = [0,1,2,3,4,5]

map中this是不會映射的，所以要在返回函數(shù)中加參數(shù)。注意的是map中的參數(shù)和each中的參數(shù)是相反的。

map(arr, function(elem, index) {});
// versus 
each(arr, function(index, elem) {});

GPU云服務(wù)器云服務(wù)器 map和each 空間與域名的區(qū)別接口與類的區(qū)別云服務(wù)與云盤的區(qū)別

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/78764.html

相關(guān)文章

Underscore源碼解析（二）

摘要：本文同步自我得博客最近十幾天都在忙畢業(yè)論文的事，所以上一次為大家介紹完這個框架的結(jié)構(gòu)或者說是這個框架的設(shè)計思路之后就一直沒動靜了，今天我又滿血復(fù)活了，讓我們繼續(xù)來探索的源碼奧秘吧。本文同步自我得博客：http://www.joeray61.com 最近十幾天都在忙畢業(yè)論文的事，所以上一次為大家介紹完underscore這個框架的結(jié)構(gòu)（或者說是這個框架的設(shè)計思路）之后就一直沒動靜了，今...

騫諱護 2019-08-19 14:53 評論0 收藏0
map和forEach區(qū)別

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

atinosun 2019-08-26 10:27 評論0 收藏0
underscore源碼分析之基礎(chǔ)方法

摘要：在上篇文章整體架構(gòu)分析中，我們講過上面的方法有兩種掛載方式，一個是掛載到構(gòu)造函數(shù)上以的形式直接調(diào)用在后文上統(tǒng)稱構(gòu)造函數(shù)調(diào)用，另一種則是掛到上以的形式被實例調(diào)用在后文上統(tǒng)稱原型調(diào)用。 underscore源碼分析之基礎(chǔ)方法本文是underscore源碼剖析系列的第二篇，主要介紹underscore中一些基礎(chǔ)方法的實現(xiàn)。 mixin 在上篇文章underscore整體架構(gòu)分析中，我們講...

BigNerdCoding 2019-08-22 15:32 評論0 收藏0
《Java8實戰(zhàn)》-第四章讀書筆記（引入流Stream）

摘要：內(nèi)部迭代與使用迭代器顯式迭代的集合不同，流的迭代操作是在背后進行的。流只能遍歷一次請注意，和迭代器類似，流只能遍歷一次。流（Stream）流是什么流是Java API的新成員，它允許你以聲明性方式處理數(shù)據(jù)集合（通過查詢語句來表達，而不是臨時編寫一個實現(xiàn)）。就現(xiàn)在來說，你可以把它們看成遍歷數(shù)據(jù)集的高級迭代器。此外，流還可以透明地并行處理，你無需寫任何多線程代碼了！我會在后面的筆記中...

_ivan 2019-08-19 11:01 評論0 收藏0
Zepto核心模塊之工具方法拾遺

摘要：舉例需要注意的是，此時回調(diào)函數(shù)中的指向的就是數(shù)組或者對象的某一項。中提供的拷貝方法，默認(rèn)為淺拷貝，如果第一個參數(shù)為布爾值則表示深拷貝。前言平時開發(fā)過程中經(jīng)常會用類似each、map、forEach之類的方法，Zepto本身也把這些方法掛載到$函數(shù)身上，作為靜態(tài)方法存在，既可以給Zepto的實例使用，也能給普通的js對象使用。今天我們主要針對其提供的這些api做一些源碼實現(xiàn)分析。源...

Alex 2019-08-20 19:04 評論0 收藏0