jQuery中關於​​.map使用詳解

jQuery.map使用方法

jQuery.map(array,callback)
將一個陣列中的元素轉換到另一個陣列中。
作為參數的轉換函數會為每個數組元素調用，並且會給這個轉換函數一個表示被轉換的元素作為參數。轉換函數可以傳回轉換後的值、null（刪除數組中的項目）或一個包含值的數組，並擴展至原始數組中。

-------------------------------------------- ------------------------------------

Translate all items in an array to another array of items.
The translation function that is provided to this method is called for each item in the array and is passed one argument: 
The item to be translated. The function can then return the translated value, 'null' (to remove the item), 
or an array of values - which will be flattened into the full array.

傳回值
Array

參數
array (Array) : 待轉換陣列。

callback (Function) : 為每個數組元素調用，並且會給這個轉換函數一個表示被轉換的元素作為參數。函數可傳回任何值。另外，此函數可設定為字串，當設定為字串時，將視為「lambda-form」（縮寫形式？），其中 a 代表陣列元素。如「a * a」代表「function(a){ return a * a; }」。

範例
將原數組中每個元素加 4 轉換為新數組。

jQuery 程式碼:

$.map( [0,1,2], function(n){
return n + 4;
});

結果:

[4, 5, 6]

---------------------- -------------------------------------------------- --------

原始數組中大於0 的元素加1 ，否則刪除。

jQuery 程式碼:

$.map( [0,1,2], function(n){
return n > 0 ? n + 1 : null;
});

結果:

[2, 3]

---------------------- -------------------------------------------------- --------

原始數組中每個元素擴展為一個包含本身和其值加1 的數組，並轉換為一個新數組。

jQuery 程式碼:

$.map( [0,1,2], function(n){
return [ n, n + 1 ];
});

結果:

[0, 1, 1, 2, 2, 3]

過濾數組中小於 0 的元素。

HTML 程式碼:

<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>

jQuery 程式碼:

var arr = jQuery.makeArray(document.getElementsByTagName_r("p"));
arr.reverse(); // 使用数组翻转函数

結果:

Fourth
Third
Second
First

# 過濾數組中小於0 的元素。

HTML 程式碼:

<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>

jQuery 程式碼:

var arr = jQuery.makeArray(document.getElementsByTagName_r("p"));
arr.reverse(); // 使用数组翻转函数

結果:

Fourth
Third
Second
First

# 過濾數組中小於0 的元素。

HTML 程式碼:

<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>

jQuery 程式碼:

var arr = jQuery.makeArray(document.getElementsByTagName_r("p"));
arr.reverse(); // 使用数组翻转函数

結果:

Fourth
Third
Second
First

# 附：過濾數組中小於0 的元素。

HTML 程式碼:

<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>

jQuery 程式碼:

var arr = jQuery.makeArray(document.getElementsByTagName_r("p"));
arr.reverse(); // 使用数组翻转函数

結果:

Fourth
Third
Second
First

# 

以上是jQuery中關於​​.map使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！