javascript - 严格过滤数组数组

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和Tag4的可用标签。我能够通过循环数组数组并通过 ids 数组获取组合的索引来完成此操作。就像这样:

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

但是问题是，当我将 Tag2 添加到 ids 数组中时，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

我创建了一个 fiddle 来解决这个问题。

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