jQuery Map List 是一種非常便捷的工具,它能夠讓我們輕松地將一個數組轉化為對象列表。
使用該工具,我們可以很方便地將一個對象數組中的某個屬性提取出來,形成一個新的對象列表。比如下面這個代碼:
var people = [ {name: 'John', age: 23}, {name: 'Amy', age: 18}, {name: 'Mike', age: 25} ]; var names = $.map(people, function(person) { return person.name; }); console.log(names); // ['John', 'Amy', 'Mike']
在這段代碼中,我們定義了一個數組 people,然后使用 $.map() 方法將其轉化為一個新的對象列表 names。在轉化時,我們提取了每個人的 name 屬性,形成了一個只包含名字的新列表。
不僅如此,我們還可以使用 $.map() 將一個對象列表轉化為另一個對象列表,比如下面這個例子:
var people = [ {name: 'John', age: 23}, {name: 'Amy', age: 18}, {name: 'Mike', age: 25} ]; var newPeople = $.map(people, function(person) { return { firstName: person.name, birthYear: (new Date()).getFullYear() - person.age }; }); console.log(newPeople); // [{firstName: 'John', birthYear: 1998}, {firstName: 'Amy', birthYear: 2003}, {firstName: 'Mike', birthYear: 1996}]
在這段代碼中,我們定義了一個對象數組 people,然后使用 $.map() 方法將其轉化為一個新的對象列表 newPeople。在轉化時,我們將每個人的 name 屬性轉化為 firstName,將每個人的 age 屬性轉化為 birthYear,并計算出每個人的出生年份。
總之,jQuery Map List 為我們提供了一種簡單而強大的工具,幫助我們快速地將一個數組轉化為一個新的對象列表。
下一篇純css自適應頁面