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