Question

我正在使用jQuery同位素插件来排序和过滤元素。元素是具有多个过滤器组的产品。我面临一个问题，我需要在同一组示例中过滤具有多选过滤器属性的产品：

过滤器组：性别，产品类别，产品材料。

样品选择：男士，包，皮革。

上面的示例工作正常。

但我需要像

这样的东西

新的过滤器选择：男士，包，钱包，皮革，Rexin。

如果您发现Bag和Wallet来自同一组。而皮革和Rexin来自同一群体。

为此，我需要像

一样传递过滤值

filtervalue - .men.bag.leather，.men.wallet.leather，.men.bag.rexin，.men.wallet.rexin。

这听起来很简单，但我发现很难对此进行编码。

我有每个过滤器组的数组，当用户选择或取消选择特定过滤器时我会更新

基本上，我需要的是将多个过滤器数组组合或分组到一个字符串中，每个组包含每个数组中的每个元素，每个组用逗号分隔。

javascript中的数组：

var gender = ['.men'];
var type = ['.bag','.wallet'];
var material = ['.leather','.rexin'];
Output:
".men.bag.leather,.men.wallet.leather,.men.bag.rexin,.men.wallet.rexin"

希望我清楚我需要什么。

非常感谢。

更新

由于过滤器可能因不同产品而异，我无法使用性别，类型等硬编码变量。所以我使用过滤器数组

var selectedFilter = [];
selectedFilter['gender'] = ['.men'];
selectedFilter['type'] = ['.bag','.wallet'];
selectedFilter['platform'] = ['.leather','.rexin'];

需要输出，如，＆＃34; .men.bag.leather，.men.wallet.leather，.men.bag.rexin，.men.wallet.rexin＆＃34;

需要一些我可以直接传递一个数组变量的函数。喜欢

combine(selectedFilter);

Answer 1

您可以使用组合算法。

function combine(object) {
    function c(part, index) {
        array[index].forEach(function (a) {
            var p = part.concat([a]);
            if (p.length === array.length) {
                r.push(p.join(''));
                return;
            }
            c(p, index + 1);
        });
    }

    var array = Object.keys(object).map(function (k) { return object[k]; }),
        r = [];

    c([], 0);
    return r.join();
}

var selectedFilter = {                         // use an object instead of 
        gender: ['.men'],                      // an array with properties
        type: ['.bag','.wallet'],
        platform: ['.leather','.rexin']
    };

console.log(combine(selectedFilter));

代码逻辑javascript数组

1 个答案: