jQuery中的map()方法可用于遍歷數組并返回一個新數組。使用map()方法時,您必須傳遞一個函數作為參數,該函數將應用于數組中的每個元素。該函數應返回一個新值。下面是一個基本示例:
var numbers = [1, 2, 3, 4, 5]; var doubledNumbers = $.map(numbers, function(num) { return num * 2; }); console.log(doubledNumbers); // 輸出 [2, 4, 6, 8, 10]
在上面的示例中,我們將原始數組numbers中的每個數字都乘以2,并將結果存儲在新數組doubledNumbers中。
您還可以將此過程編寫成一個自定義jQuery函數,以便將其重復使用。下面是一個示例:
$.fn.doubleNumbers = function() { return this.map(function() { return $(this).text() * 2; }); }; // 使用示例 var numbers = $('.numbers'); var doubledNumbers = numbers.doubleNumbers(); console.log(doubledNumbers); // 輸出 [2, 4, 6, 8, 10]
在上面的示例中,我們為jQuery對象添加了一個新方法doubleNumbers()。該方法將應用于符合選擇器“.numbers”的所有元素,并返回一個新的jQuery對象,其中包含每個元素的文本值乘以2。
最后,請注意,每個新數組的元素的值都是由回調函數返回的值確定的。如果回調函數返回undefined,則在新數組中不會創建元素。如果回調函數返回null,則在新數組中將創建一個null元素。
上一篇概括css的內容