knockout.js - 剔除数组获取对象的不同值

Question

我想像ko.utils.arrayGetDistinctValues在这个小提琴中一样在一个数组中的多个属性上使用，所以我将数组映射到一个只有我想要的两个属性的数组

viewModel.justCategories = ko.dependentObservable(function() {
    var categories = ko.utils.arrayMap(this.items(), function(item) {
        return { catid : item.catid(), category : item.category() };
    });
    return categories.sort();
}, viewModel);

然后我尝试使用arrayGetDistinctValues，但它似乎不适用于对象。

viewModel.uniqueCategories = ko.dependentObservable(function() {
    return ko.utils.arrayGetDistinctValues(viewModel.justCategories()).sort();
}, viewModel);

我修改过的小提琴在这里

有人可以告诉我该怎么做吗？

Answer 1

arrayGetDistinctValues仅适用于原始值。对于对象，您将需要不同的方法。这是一个有效的版本。

viewModel.uniqueCategories = ko.dependentObservable(function() {
    var seen = [];
    return viewModel.justCategories().filter(function(n) {
        return seen.indexOf(n.catid) == -1 && seen.push(n.catid);
    });
});

http://jsfiddle.net/mbest/dDA4M/2/

Answer 2

作为对 Michael Best 答案的更新，这里有一些使用更新的 KnockoutJS v3 代码约定（例如，dependentObservable = computed 和使用 arrayFilter 方法）：

var uniqueSizes = ko.computed({read: function() {
    var seen = [];
    return ko.utils.arrayFilter(viewModel.collection.vendorGearFilters(), function(f) {
        return seen.indexOf(f['size_abbr']()) == -1 && seen.push(f['size_abbr']());
    });
}, deferEvaluation: true})