jQuery grep 带两个 arrays？

Question

是我的语法，还是我试图做的只是完全错误的方法？

我有两个 arrays 由用户选择的任何属性填充。 然后我尝试在 json 文件上使用 $.grep() 到与他们的搜索匹配的 select 枕头。 因此，在下面的示例中，我试图找到所有填充“向下”且价格“低”的枕头。

var activevars = ['fill','price']; 
var activeattributes = ['down','low']; 
pillowSelection = $.grep(data.pillow, function (a) { 
return $.inArray(a[activevars], activeattributes) > -1;
});

我是一个顽强的谷歌员工，但这让我很困惑。 非常感谢您提供任何线索。

Answer 1

如果我理解正确， activevars和activeattributes是并行的 arrays ，即activevars[0]与activeattributes[0]和activevars[1]与activeattributes[1]等。

所以你可以做这样的事情：

pillowSelection = $.grep(data.pillow, function(a) {
    for (var i = 0; i < activevars.length; i++) {
        if (a[activevars[i]] !== activeattributes[i]) {
            return false;
        }
    }
    return true;
});

如果你想要更实用的风格，你应该使用代表活动属性/变量的 object （或者只是从并行 arrays 转换）； 例如。

var filter = { fill: 'down', price: 'low' };

然后检查是否是每个枕头的子字典：

pillowSelection = $.grep(data.pillow, function(a) {
    return sub_dictionary(filter, a);
});

Answer 2

您的问题似乎缺少一些东西，但我会尝试这样回答：

如果您有一系列枕头对象：

var pillows = [
    { fill: 'down', price: 'low' },
    { fill: 'cheese', price: 'middle' },
    { fill: 'water', price: 'high' },
    { fill: 'air', price: 'omg-too-much' }
];

要获得与您的条件匹配的新枕头数组，请以这种方式形成您的查询，这样会更容易：

var query = { fill: 'down', price: 'low' };

var matches = pillows.filter(function (pillow) {
    return pillow.fill === query.fill && pillow.price === query.price;
});

Answer 3

这就是我解决问题的方法：

var array1 = [1,2,3,4,5],
    array2 = [5,4,3,2,1,6];

function compareArrays(arr1, arr2) {
    return $(arr1).not(arr2).length == 0
};

然后在 for each 循环中运行它：

var hasValues = compareArrays(array1, array2) ? 'true' : 'false');

if(hasValues == true){
   // show content
}else{
   // Hide content
}

Answer 4

这应该适合你：

var activevars = ['fill', 'price'];
var activeattributes = ['down', 'low'];
var pillowSelection = $.grep(data.pillow, function(a) {
    var ret = false;
    for (var i = 0, il = activevars.length; i < il; i++) {
        if ($.inArray(a[activevars[i]], activeattributes) > -1) {
            ret = true;
        }
    }
    return ret;
});