jquery中map函數(shù)與each函數(shù)的區(qū)別實例介紹
更新時間：2014年06月23日 15:51:14 投稿：whsnow
​jquery中的each函數(shù)和map函數(shù)的用法看起來差不多，但其實還是有一點區(qū)別的,each返回的是原來的數(shù)組，并不會新創(chuàng)建一個數(shù)組。而map方法會返回一個新的數(shù)組
jquery中的each函數(shù)和map函數(shù)的用法看起來差不多，但其實還是有一點區(qū)別的。
其中一個重要的區(qū)別是，each返回的是原來的數(shù)組，并不會新創(chuàng)建一個數(shù)組。而map方法會返回一個新的數(shù)組。如果在沒有必要的情況下使用map，則有可能造成內(nèi)存浪費(fè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]
使用each時，改變的還是原來的items數(shù)組，而使用map時，不改變items，只是新建一個新的數(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]
當(dāng)需要對數(shù)組進(jìn)行刪除時也是如此，所以刪除時錯誤使用each或map后果還是蠻嚴(yán)重的。
相關(guān)文章
這篇文章主要介紹了jquery操作select常見方法,結(jié)合實例形式總結(jié)分析了jQuery操作select常見的7種情況與相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了關(guān)于jquery layui彈出層的使用方法,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了jQuery實現(xiàn)二級下拉菜單效果的相關(guān)資料,二級下拉菜單在實際應(yīng)用中非常的常見，比如企業(yè)網(wǎng)站的產(chǎn)品分類，或者部門分類等等，需要的朋友可以參考下2016-02-02
解決html-jquery/js引用外部圖片時遇到看不了或出現(xiàn)403的問題
下面小編就為大家?guī)硪黄鉀Qhtml-jquery/js引用外部圖片時遇到看不了或出現(xiàn)403的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
本文給大家匯總介紹了幾個常用的jquery實現(xiàn)簡易的移動端驗證表單，非常的實用，有需要的小伙伴可以進(jìn)來參考下。2015-11-11
下面小編就為大家?guī)硪黄猈eb前端新人筆記之jquery入門心得(新手必看)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
jQuery 打造動態(tài)漸變按鈕 詳細(xì)圖文教程
這是寫給web設(shè)計者和前端開發(fā)者的教程，我們將演示如何使用Photoshop創(chuàng)建按鈕的sprite圖，然后是如何使用jQurey打造動態(tài)漸變效果。2010-04-04
這篇文章主要為大家詳細(xì)介紹了基于jQuery ligerUI實現(xiàn)分頁樣式,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
本篇文章主要是對JQUERY中dialog的用法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery on()方法示例及jquery on()方法的優(yōu)點
使用jquery on()方法綁定事件是官方推薦的一種方法，接下來跟著小編來學(xué)習(xí)jquery on()方法，小伙伴快來一起學(xué)習(xí)吧2015-08-08