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