用一维数组过滤多维数组

Question

我在一个页面上有一组复选框，当单击这些复选框时，会创建一个值数组（allVals），这些值会随着复选框被选中/取消选中而改变（字符串输出也是一个选项）。我还有另一个多维数组（recordSet），我想根据检查的值（allVals）对其进行过滤（在下面的示例中：recordSet[i][5]），然后返回一个只有匹配索引的新多维数组以及他们的价值观。在这种情况下，它只会返回第一个 recordSet[0]，因为包含了“cat”。每次选中/取消选中复选框时，recordSet 将再次被过滤，并且新创建的多维数组将更新。

我查看了 underscore.js，我也在页面上使用它，但不确定如何构建过滤器和循环。非常感谢任何帮助为我指明正确的方向 - 开放其他建议来完成。

allVals = ["cat", "dog"] 
recordSet = 0: Array[6]
               0: "somevalue"
               1: "somevalue"
               2: "somevalue"
               3: "somevalue"
               4: "somevalue"
               5: "Cat;Monkey;Elephant;Rooster"
             length: 6

            1: Array[6]
               0: "somevalue"
               1: "somevalue"
               2: "somevalue"
               3: "somevalue"
               4: "somevalue"
               5: "Giraffe;Turtle;Rabbit;Snake"
             length: 6

function updateSubTopics() {
    var allVals = [];

    $('.subCheck').each(function() {
        if  (this.checked){
            allVals.push($(this).val());
        }

    });

$(function() {
    $('.subCheck').click(updateSubTopics);
        updateSubTopics();
});

Answer 1

我认为您正在寻找类似以下的内容。 （此示例是一个概念验证，肯定有一种更有效的计算方法。）

var animals = ['cat', 'dog'];

var values = [
    ['chicken;cat;', 'foobar'], 
    ['pig;rat;', 'dog;lizard;']
];

_.flatten(_.map(animals, function (animal) {
    return _.flatten(_.map(values, function (value) {
        return _.flatten(_.reject(value, function (x) {
            return x.indexOf(animal) === -1;
        }));
    }));
}));

// ["chicken;cat;", "dog;lizard;"] 

Fiddle