jQuery的map方法可以對數組中的元素進行遍歷,并對每個元素進行處理,然后返回一個新的數組。
// 原始數組 var arr = [1, 2, 3, 4]; // 對每個元素進行平方處理 var newArr = $.map(arr, function(val, index) { return val * val; }); console.log(newArr); // 輸出 [1, 4, 9, 16]
map方法的第一個參數是待處理的數組,第二個參數是回調函數,回調函數中的參數包括數組中的元素和索引值?;卣{函數可以返回任何類型的值,map方法會將這些返回值組成一個新的數組。
// 對每個元素進行處理,返回一個新的字符串數組 var strArr = $.map(arr, function(val, index) { return "這是第" + index + "個元素:" + val; }); console.log(strArr); // 輸出 ["這是第0個元素:1", "這是第1個元素:2", "這是第2個元素:3", "這是第3個元素:4"]
需要注意的是,回調函數中返回undefined值的元素不會被包含在新的數組中。
// 過濾掉偶數,返回一個新的奇數數組 var oddArr = $.map(arr, function(val, index) { if (val % 2 !== 0) { return val; } }); console.log(oddArr); // 輸出 [1, 3]
上一篇css動畫走馬燈