jquery中map函數(shù)與each函數(shù)的區(qū)別實(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)需要對數(shù)組進(jìn)行刪除時(shí)也是如此,所以刪除時(shí)錯(cuò)誤使用each或map后果還是蠻嚴(yán)重的。
相關(guān)文章
ajax jquery實(shí)現(xiàn)頁面某一個(gè)div的刷新效果
這篇文章主要給大家介紹了關(guān)于ajax jquery實(shí)現(xiàn)頁面某一個(gè)div的刷新效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03jquery 圖片截取工具jquery.imagecropper.js
工作需要參考網(wǎng)上的一些代碼做了個(gè)圖片截取工具,最后干脆封裝成一個(gè)jquery的插件。2010-04-04checkbox批量選中,獲取選中項(xiàng)的值的簡單實(shí)例
下面小編就為大家?guī)硪黄猚heckbox批量選中,獲取選中項(xiàng)的值的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06Bookmarklet實(shí)現(xiàn)啟動(dòng)jQuery(模仿 云輸入法)
最近流行的 sogo云輸入法, QQ云輸入法,都用到了bookmarklet技術(shù)。2010-09-09基于jQuery實(shí)現(xiàn)點(diǎn)擊最后一行實(shí)現(xiàn)行自增效果的表格
現(xiàn)在任何事務(wù)都追求效率和人性化,當(dāng)然網(wǎng)頁效果也是如此,如果一個(gè)可以編輯數(shù)據(jù)的表格,編輯到最后一行的時(shí)候,點(diǎn)擊可以自動(dòng)添加一行,這樣算是一個(gè)比較人性化的效果,可以免去一絲勞頓之苦,下面分享一段這樣的代碼2016-01-01JQuery判斷正整數(shù)整理小結(jié)(jQuery 文本框中只能輸入正整數(shù))
這篇文章主要介紹了JQuery判斷正整數(shù),附上詳細(xì)的代碼供大家查看具體的方法,需要的朋友可以參考下2017-08-08