Web 前端效能優化——使用索引物件
阿新 • • 發佈:2019-02-10
利用 AJAX 和 JSON 可以接收一個物件陣列,然後在陣列中根據給定的值搜尋物件:
//根據使用者名稱獲得使用者 function getUser(name){ var searchResult = ajaxResult.users.filter(function(user){ return user.username = name; }); return searchResult.length ? searchResult[0] : false; } var david = getUser("david"); var mike = getUser("mike");
上面的例子中,每次獲取使用者都要遍歷一次陣列,這樣的效率是很低的。
我們可以建立一個數組,以 username 作為陣列的索引,那麼就可以通過索引直接獲得物件了。
var userStore = [];
ajaxResult.users.forEach(function(user){
userStore[user.username] = user;
});
var david = userStore["david"];
var mike = userStore.mike;
(參考:http://www.gbtags.com/gb/share/1438.htm)