Question

我有一个标签输入框similar to this，但我需要将其限制为允许的组合。

以下是可能组合的示例：

[{
      "Combo": [
        {
          "Id": 1,
          "Name": "Tag1"
        },
        {
          "Id": 3,
          "Name": "Tag3"
        }
      ]
    },
    {
      "Combo": [
        {
          "Id": 2,
          "Name": "Tag2"
        },
        {
          "Id": 3,
          "Name": "Tag3"
        },
        {
          "Id": 4,
          "Name": "Tag4"
        }
      ]
    }]

我首先获取一个不同的标签列表并将其显示给用户。在选择标签时，我需要通过传递的组合过滤标签。因此，如果我选择Tag3，我应该获得Tag1，Tag2和amp;的可用标签。 TAG4。我能够通过遍历数组数组并通过id数组获得组合索引来实现这一目标。像这样：

ids.indexOf(combos[a].Combo[c].Id) !== -1

然而问题是当我然后将Tag2添加到id数组时，indexOf仍然包含第一个组合因为Id：3。我想要的是找到具有匹配或更多ID的组合。

所以当我通过这个时：

var ids = [3, 2];

我想要这个组合：

[{
      "Combo": [
        {
          "Id": 2,
          "Name": "Tag2"
        },
        {
          "Id": 3,
          "Name": "Tag3"
        },
        {
          "Id": 4,
          "Name": "Tag4"
        }
      ]
    }]

这有点乱，但这是我一直在努力的jsfiddle例子。 http://jsfiddle.net/4L3kr052/

Answer 1

我创造了一个解决这个问题的小提琴。

http://jsfiddle.net/4L3kr052/1/

var getAvailableTags = function (combos, ids) {
        var matched = []
        combos.forEach(function(comb){
            var keys = comb.Combo.map(function(d){
                return d.Id;
            }); 
            var found = 1;
            ids.forEach(function(id){
                found &= (keys.indexOf(id) !== -1);
            });
            if (found){
                matched.push(comb);
            }

        })
        return matched;
}

Answer 2

一次解决一个问题，

首先，

如何为每个 id 测试组合？移动逻辑以将其测试到它自己的功能中，以使您的生活更轻松，例如

function comboHasIds(combo, ids) {
    var i, j;
    find_next: for (i = 0; i < ids.length; ++i) {
        for (j = 0; j < combo.length; ++j)
            if (combo[j].Id === ids[i])
                continue find_next;
        return false; // if we reach here then id[i] wasn't in combo
    }
    return true; // if we reach here then we ran out of ids to test for
}

请注意使用label让嵌套循环continue成为外循环

单个 Combo 的示例用法如下

var ex = [
        {"Id": 2, "Name": "Tag2"},
        {"Id": 3, "Name": "Tag3"},
        {"Id": 4, "Name": "Tag4"}
    ];

comboHasIds(ex, [3, 1]); // false
comboHasIds(ex, [3, 2]); // true

作为zerkms points out和Adeel's answer一样，此测试的形式为

每个 id
如果combo

某些

其中 Id 属性id
返回true

可以使用 Array.prototype方法 every和some而不是嵌套循环来编写，例如作为arrow functions

var comboHasIds = (combo, ids) => ids.every(id => combo.some(item => item.Id === id));

其次，

如何使用此测试迭代每个 Combo ？我们有一个方便的Array.prototype.filter方法，所以使用上面的过滤看起来像

// var data = /* your data from above */;
var test = function (ids) {
        return function (e) {return comboHasIds(e.Combo, ids);};
    };

data.filter(test([3, 2]));
// [{"Combo": [
//   {"Id": 2,"Name": "Tag2"},
//   {"Id": 3,"Name": "Tag3"},
//   {"Id": 4, "Name": "Tag4"}
// ]}]

Answer 3

要获得所需的组合，您需要filter它们，以便给定的组合包含ids数组中的每个ID。

var combos = [{
      "Combo": [
        {
          "Id": 1,
          "Name": "Tag1"
        },
        {
          "Id": 3,
          "Name": "Tag3"
        }
      ]
    },
    {
      "Combo": [
        {
          "Id": 2,
          "Name": "Tag2"
        },
        {
          "Id": 3,
          "Name": "Tag3"
        },
        {
          "Id": 4,
          "Name": "Tag4"
        }
      ]
    }];

function getCombos(combos, ids) {
    return combos.filter( // filter accepts combos that...
        function (g) {
            return ids.every( // ... contain every id in ids...
                function (id) {
                    return g.Combo.some( // ... such that the id is present within some combo.
                        function (c) {
                            return c.Id === id;
                        });
                });

        });
}

getCombos(combos, [3, 2]); // returns your desired combo
getCombos(combos, [3, 1]); // returns the first combo
getCombos(combos, [3, 5]); // returns an empty array

严格的数组过滤器数组

3 个答案:

首先，

其次，