javascript - 如何迭代 ko.ObervableArray

Question

我有这个结构：

MyApp.User = function()
{
    var self = this;
    self.ID = ko.obervable();
    self.Name = ko.obervable();
    self.LastName = ko.observable();
}

MyApp.UserHub = function()
{
    self.users = ko.observableArray();

     $.getJSON("url", function (data) {
         var mappedUser = $.map(data.UsersFromJson, function (item) {
             return new MyApp.User(item);
         });
         self.users(mappedUsers);
     });
}

我有一个 observableArray，我使用 HTML 请求和 JSON 填充了它（效果很好）。问题是我希望能够在那个 observableArray 中搜索一个用户，提供可以包含LastName在FirstName. 像这样的东西：

self.searchedUsers = ko.observableArray();
for(var item in users)
{
    if(item.FirstName.Contains(query) || item.LastName.Contains(query))
    {
         self.searchedUser.push(item);
    }
}

Query 是我要搜索的输入文本值。任何人都可以帮助迭代ObservableArray吗？

Answer 1

通常，您会希望创建一个计算的 observable 来表示您的数组的过滤版本。

所以，你会有类似的东西：

self.users = ko.observableArray();
self.query = ko.observable();
self.filteredUsers = ko.computed(function() {
    var query = self.query();    

    return ko.utils.arrayFilter(self.users(), function(user) {
        return user.FirstName.indexOf(query) > -1 || user.LastName.indexOf(query) > -1;
    });
});

Answer 2

我还认为您必须遍历 self.users() 而不是 users。

users 是 observableArray 函数，而 users() 提供对底层数据的访问。