Jquery $.map使用方法實(shí)例詳解
$.map() 函數(shù)用于使用指定函數(shù)處理數(shù)組中的每個(gè)元素(或?qū)ο蟮拿總€(gè)屬性),并將處理結(jié)果封裝為新的數(shù)組返回。
注意:
1. 在jQuery 1.6 之前,該函數(shù)只支持遍歷數(shù)組;從 1.6 開(kāi)始,該函數(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 學(xué)習(xí)筆記 傳智博客佟老師附詳細(xì)注釋
本人水平有限,在學(xué)習(xí)時(shí)請(qǐng)用批判的態(tài)度學(xué)習(xí),有問(wèn)題給我留言 傳智博客佟老師 jqurey 學(xué)習(xí)筆記,以及例子代碼詳細(xì)注釋。2009-07-07jquery last-child 列表最后一項(xiàng)的樣式
發(fā)開(kāi)中個(gè)人是比較喜歡用Repeater控件,特別是前臺(tái)可老是遇到一個(gè)問(wèn)題就是一個(gè)列表的最后一項(xiàng)總是和上面的樣式不一樣 如上面的都有下邊框,最后一個(gè)就沒(méi)有2010-01-01Jquery 監(jiān)視按鍵,按下回車(chē)鍵觸發(fā)某方法的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery監(jiān)視按鍵,當(dāng)按下回車(chē)鍵時(shí)觸發(fā)事件的一個(gè)例子,有需要的朋友可以參考下2014-05-05JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧,十分的簡(jiǎn)單實(shí)用,都是小編項(xiàng)目中使用過(guò)的,這里推薦給大家。2015-09-09基于jQuery實(shí)現(xiàn)一個(gè)marquee無(wú)縫滾動(dòng)的插件
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)一個(gè)marquee無(wú)縫滾動(dòng)的插件,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03jquery實(shí)現(xiàn)樹(shù)形菜單完整代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)樹(shù)形菜單完整代碼,需要的朋友可以參考下2015-12-12jquery Easyui Datagrid實(shí)現(xiàn)批量操作(編輯,刪除,添加)
本篇文章主要介紹了jquery Easyui Datagrid實(shí)現(xiàn)批量操作(編輯,刪除,添加),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02