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 學(xué)習(xí)筆記 傳智博客佟老師附詳細注釋
本人水平有限,在學(xué)習(xí)時請用批判的態(tài)度學(xué)習(xí),有問題給我留言 傳智博客佟老師 jqurey 學(xué)習(xí)筆記,以及例子代碼詳細注釋。2009-07-07Jquery 監(jiān)視按鍵,按下回車鍵觸發(fā)某方法的實現(xiàn)代碼
這篇文章主要介紹了jquery監(jiān)視按鍵,當(dāng)按下回車鍵時觸發(fā)事件的一個例子,有需要的朋友可以參考下2014-05-05JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧,十分的簡單實用,都是小編項目中使用過的,這里推薦給大家。2015-09-09基于jQuery實現(xiàn)一個marquee無縫滾動的插件
這篇文章主要介紹了基于jQuery實現(xiàn)一個marquee無縫滾動的插件,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03jquery Easyui Datagrid實現(xiàn)批量操作(編輯,刪除,添加)
本篇文章主要介紹了jquery Easyui Datagrid實現(xiàn)批量操作(編輯,刪除,添加),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02