jQuery.map() 方法
實例
使用$.map() 修改一個數組的值
< div ></ div > < p ></ p > < span ></ span > < script > $ ( function ( ) {
var arr = [ " a " , " b " , " c " , " d " , " e " ] ; $ ( " div " ) . text ( arr . join ( " , " ) ) ; arr = $. map ( arr , function ( n , i ) {
return ( n . toUpperCase ( ) + i ) ; } ) ; $ ( " p " ) . text ( arr . join ( " , " ) ) ; arr = $. map ( arr , function ( a ) {
return a + a ; } ) ; $ ( " span " ) . text ( arr . join ( " , " ) ) ; } ) </ script >
嘗試一下»
定義和用法
$.map() 函數用於使用指定函數處理數組中的每個元素(或對象的每個屬性),並將處理結果封裝為新的數組返回。
注意: 1.在jQuery 1.6之前,該函數只支持遍歷數組;從1.6開始,該函數也支持遍歷對象。
2. map()還會為函數傳入兩個參數:其一是當前迭代的元素或屬性值,其二是當前迭代項的數組索引或對象屬性名。
3. 該函數返回值將作為結果數組中的一個元素,如果返回值為null或undefined,則不會被添加到結果數組中。
語法
$.map( object, callback )
参数 | 描述 |
---|---|
object | Array/Object类型 指定的需要处理的数组或对象。 |
callback | Function类型 指定的处理函数。 |
更多實例
原數組中的每個值加4
將原始數組中的每個值加4 後,映射到新的數組中。
原數組中大於0的數值加1
將原數組中大於0 的數值加1 後映射到新的數組中。
原數組的值加1
將原數組中的每個值及該值加1 後的結果映射到新生成的數組。
原數組的值乘以2
將原對像中的每個值乘2 後,映射到新生成的數組中。
對像中的鍵
將對像中的鍵映射到新生成的數組中。
原數組的值的平方
將原始數組中每個值的兩次方作為返回結果,映射到新生成的數組中。
移除元素
通過在處理函數中返回null 的方式來移除該元素,移除小於50的值,同時將未被移除的元素值減小45。
添加元素
通過在處理函數中返回數組的方式,在最終返回的結果數組中添加元素。