1. 程式人生 > >Web 前端效能優化——使用索引物件

Web 前端效能優化——使用索引物件

利用 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)