数组的严格筛选数组

Strict Filter Array of Arrays

本文关键字：数组 筛选      更新时间：2023-09-26

我有一个标记输入框，与此类似，只是我需要将其限制为允许的组合。

以下是可能的组合示例：

[{
      "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.I能够通过循环遍历数组数组并通过id数组获得combo的索引来实现这一点。像这样：

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/

我创建了一个小提琴来解决这个问题。

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

要获得所需的combo，您需要filter它们，以便给定的combo包含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

一次解决一个问题，

首先

如何为每个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
}

请注意使用标签使嵌套循环continue成为外部循环

单个组合的示例用法如下

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指出的，正如Adeel的答案所指出的，该测试采用形式

  1. 对于每个id
  2. 如果combo中存在某个项
  3. 具有Id属性id的
  4. 返回true

可以使用Array.prototype方法every和some而不是嵌套循环来编写，例如作为箭头函数中的一行

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

第二

如何使用此测试迭代每个组合？我们有一个方便的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"}
// ]}]
相关文章：