Jquery $.map使用方法實例詳解
$.map() 函數(shù)用于使用指定函數(shù)處理數(shù)組中的每個元素(或?qū)ο蟮拿總€屬性)，并將處理結(jié)果封裝為新的數(shù)組返回。
注意：
1. 在jQuery 1.6 之前，該函數(shù)只支持遍歷數(shù)組；從 1.6 開始，該函數(shù)也支持遍歷對象。
2. map()還會為函數(shù)傳入兩個參數(shù)：其一是當(dāng)前迭代的元素或?qū)傩灾?，其二是?dāng)前迭代項的數(shù)組索引或?qū)ο髮傩悦?br />
3. 該函數(shù)返回值將作為結(jié)果數(shù)組中的一個元素，如果返回值為null或undefined，則不會被添加到結(jié)果數(shù)組中。
$.map(data,function(item,index){return XXX})
遍歷data數(shù)組中的每個元素，并按照return中的計算方式 形成一個新的元素，放入返回的數(shù)組中
var b = $.map( [55,1,2], function( item,index ) { return { "label": item, "value": index }});
alert(b[0].label +" "+ b[0].value);
[55,1,2]是一個數(shù)組,按照return的條件,,,,function 中的item,為55時,index也就是數(shù)組的下標(biāo)就為0
$.map()括號中就相當(dāng)于一個循環(huán)
循環(huán)多條數(shù)據(jù),把數(shù)據(jù)定義為b
var array = [0, 1, 52, 97];
array = $.map(array, function(a, index) {
return [a - 45, index];
});
輸出為:
[-45, 0, -44, 1, 7, 2, 52, 3]
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
jquery把int類型轉(zhuǎn)換成字符串類型的方法
下面小編就為大家?guī)硪黄猨query把int類型轉(zhuǎn)換成字符串類型的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
本篇文章主要是對Jqgrid表格隨窗口大小改變而改變的簡單實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
增強(qiáng)用戶體驗友好性之jquery easyui window 窗口關(guān)閉時的提示
在項目中，客戶提出這么個要求，就是在關(guān)閉彈出的窗口的時候，如果點擊 紅X 或 取消按鈕 則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個信息，否則就不提示啦2012-06-06
這段代碼是我在做13年一份兼職的時候無聊加上去的，為jQuery添加觸摸事件的支持。因為做得有點無聊，所以就幫客戶添加了用響應(yīng)式網(wǎng)頁+JS touch兼容了移動設(shè)備，主要是Webkit的移動設(shè)備2014-02-02
jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)
本文將詳細(xì)介紹下jQuery獲取/設(shè)置/添加/刪除Select選擇的Text和Value,感興趣的你可以參考下本文或許對你有所幫助2013-03-03
Jquery AJAX POST與GET之間的區(qū)別詳細(xì)介紹
這篇文章主要介紹了Jquery AJAX POST與GET之間的區(qū)別詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)簡單的彈窗效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
web開發(fā)人員學(xué)習(xí)jQuery的6大理由及jQuery的優(yōu)勢介紹
jQuery是一個用來簡化HTML客戶端開發(fā)的JS（JavaScrip）庫，它支持HTML DOM處理，同時還融合了部分HTML和CSS2013-01-01
這篇文章主要介紹了jquery使整個div區(qū)域可以點擊的方法,涉及jQuery操作頁面元素與鼠標(biāo)事件的技巧,需要的朋友可以參考下2015-06-06
ASP.NET jQuery 實例17 通過使用jQuery validation插件校驗ListBox
這節(jié)介紹jQuery validation插件一個新的校驗規(guī)則屬性rangelength，通過數(shù)組方式賦值2012-02-02