jQuery.map()方法
jQuery 雜項方法實例
使用$.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。
添加元素
通過在處理函數中返回數組的方式，在最終返回的結果數組中添加元素。