jQuery.map()方法

2018-11-22 17:34 更新

jQuery.map()方法

jQuery 雜項(xiàng)方法jQuery 雜項(xiàng)方法

實(shí)例

使用$.map() 修改一個(gè)數(shù)組的值

<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() 函數(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ū)ο髮傩悦?
3. 該函數(shù)返回值將作為結(jié)果數(shù)組中的一個(gè)元素,如果返回值為null或undefined,則不會(huì)被添加到結(jié)果數(shù)組中。


語(yǔ)法

$.map( object, callback )

參數(shù)描述
objectArray/Object類型 指定的需要處理的數(shù)組或?qū)ο蟆?/td>
callbackFunction類型 指定的處理函數(shù)。


實(shí)例

更多實(shí)例

原數(shù)組中的每個(gè)值加 4
將原始數(shù)組中的每個(gè)值加 4 后,映射到新的數(shù)組中。

原數(shù)組中大于 0 的數(shù)值加 1
將原數(shù)組中大于 0 的數(shù)值加 1 后映射到新的數(shù)組中。

原數(shù)組的值加 1
將原數(shù)組中的每個(gè)值及該值加 1 后的結(jié)果映射到新生成的數(shù)組。

原數(shù)組的值乘以 2
將原對(duì)象中的每個(gè)值乘 2 后,映射到新生成的數(shù)組中。

對(duì)象中的鍵
將對(duì)象中的鍵映射到新生成的數(shù)組中。

原數(shù)組的值的平方
將原始數(shù)組中每個(gè)值的兩次方作為返回結(jié)果,映射到新生成的數(shù)組中。

移除元素
通過(guò)在處理函數(shù)中返回 null 的方式來(lái)移除該元素,移除小于 50的值,同時(shí)將未被移除的元素值減小 45。

添加元素
通過(guò)在處理函數(shù)中返回?cái)?shù)組的方式,在最終返回的結(jié)果數(shù)組中添加元素。


jQuery 雜項(xiàng)方法jQuery 雜項(xiàng)方法

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)