javascript - 根据匹配的数据返回数组中的对象

Question

我有一个包含大约 30 个对象的 json 数组。这是数组中的示例对象:

{
    "id": 0,
    "name": "Valle",
    "activities": "night-life",
    "food": "fancy-food",
    "sport" : "baseball",
    "geoProfile": "artsy",
    "priority": 2
}

我正在根据用户输入在页面上构建另一个对象。用户将在单选按钮之间进行选择，在他们做出选择后，我将拥有一个对象，例如:

{geoProfile: "artsy", activities: "nature", food: "fancy-food", sport: "cricket"}

我使用 jQuery 的 $.each() 方法来遍历每个对象，如下所示:

$.each(self.data(), function (i, s) {
    if (s.geoProfile == self.prefLocation() &&
        s.activities == self.prefActivity() &&
        s.food == self.prefFood() &&
        s.sport == self.prefSport()) {
        optionMatched = s;
        return false;
    }
});

这将返回一个具有所有四个匹配项的对象，但是如何返回与用户构建的对象匹配最多的 json 对象？如果两者匹配，我想查看“优先级”属性并返回优先级最低的属性。

Answer 1

您可以使用Array#map并用匹配属性的总和构建一个新数组。

稍后您可以sort with map并使用结果进行排序并获取第一个元素。

var data = [/* your data here */],
    search = { geoProfile: "artsy", activities: "nature", food: "fancy-food", sport: "cricket" },
    result = data.map(function (a, i) {
        return {
            count: Object.keys(search).reduce(function (r, k) { return r + +(a[k] === search[k]); }, 0),
            priority: a.priority,
            index: i
        }
    });

result.sort(function (a, b) {
    return b.count - a.count || a.priority - b.priority;
});

单循环解决方案

var data = [/* your data here */],
    search = { geoProfile: "artsy", activities: "nature", food: "fancy-food", sport: "cricket" },
    result = data.reduce(function (r, a, i) {
        document.write('<pre>' + JSON.stringify(r, 0, 4) + '</pre><hr>');
        var o = {
            count: Object.keys(search).reduce(function (q, k) { return q + +(a[k] === search[k]); }, 0),
            priority: a.priority,
            index: i
        };
        if (!i || o.count > r[0].count || o.count === r[0].count && o.priority < r[0].priority) {
            return [o];
        }
        o.count === r[0].count && o.priority === r[0].priority && r.push(o);
        return r;
    }, []);