Question

我想在this fiddle中使用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);

My modified fiddle here

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

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})

knockout arraygetdistinctvalues of objects

2 个答案: