JQuery中的map()方法支持對數組和對象進行處理,這使得處理數組或對象變得非常容易。這個方法最常用于將數組或對象的一個屬性映射到另一個值上。
這個方法有兩個非常基礎的用法:
// 使用jQuery的map()方法將數組中的每個元素加倍 var oldArray = [1, 2, 3, 4, 5]; var newArray = $.map(oldArray, function(val, i){ return val * 2; }); console.log(newArray); // [2, 4, 6, 8, 10]
這里的$.map()函數將oldArray中的每個值映射到新數組newArray中,并對每個值加倍。該函數使用了兩個參數:一個數組,和一個函數。我們可以看到,在函數中,第一個參數是每個元素,第二個參數是每個元素的索引(i)。
下面來看一個更復雜的例子,它使用map()方法將一個對象數組映射到一個只包含年齡的數組:
// 使用map()方法將對象數組映射到只包含年齡的數組 var people = [ { name: 'Bob', age: 22 }, { name: 'Jane', age: 27 }, { name: 'Alice', age: 18 } ]; var ages = $.map(people, function(person, i) { return person.age; }); console.log(ages); // [22, 27, 18]
該方法是非常強大的,特別是在對數據進行操作的時候。我們可以在函數中使用任何操作符,創建任何操作的代碼,以及將結果保存到新的數據結果集。
總的來說,jQuery中的map()方法是一個功能強大的函數,可以非常容易地操作數組和對象。
上一篇純css搜索框按鈕
下一篇dockernews