jQuery是一個很好用的JavaScript框架,其中的map方法可以讓我們很方便地操作數組和對象。
map方法處理的對象可以是數組或普通的JavaScript對象,返回一個新的數組,這個新數組由原數組每個元素執行方法后的結果組成。
$(function(){
// 數組處理
var arr = [1, 2, 3, 4, 5];
var newArr = $.map(arr, function(item, index){
return item * index;
});
console.log(newArr); // [0, 2, 6, 12, 20]
// 對象處理
var obj = {name: 'Tom', age: 18};
var newObj = $.map(obj, function(value, key){
return value + ' is ' + key;
});
console.log(newObj); // ['Tom is name', '18 is age']
});
map方法接受兩個參數,第一個參數為需要處理的數組或對象,第二個參數為一個回調函數,用來執行我們的操作。
我們可以在回調函數中返回新的值,這個值將會被放入新的數組中。
在上面的例子中,我們分別處理了數組和對象。處理數組的回調函數接收兩個參數,第一個參數是數組的元素,第二個參數是元素的索引。處理對象的回調函數接收兩個參數,第一個參數是對象的鍵值,第二個參數是鍵名。
最后需要注意的是,jQuery的map方法不會改變原數組或對象,而是返回一個新的數組。
上一篇dockersonar
下一篇css動畫示例