javascript - 基于复选框过滤对象数组

Question

您好，我想根据选中的复选框过滤我的数据。

我有 3 个复选框。

<input type="checkbox" name="shoes" value="shoes" class="storesCheckBox" />
<input type="checkbox" name="clothes" value="clothes" class="storesCheckBox" />
<input type="checkbox" name="sports" value="sports" class="storesCheckBox" />

我的商店数据是

// my stores
var stores = [
    {
        id: 1,
        store: 'Store 1',
        storeType: "shoes"
    },
    {
        id: 2,
        store: 'Store 2',
        storeType: "clothes"
    },
    {
        id: 3,
        store: 'Store 3',
        storeType: "sports"
    },
    {
        id: 4,
        store: 'Store 3',
        storeSells: "shoes"
    }
]

所以，如果我选中 shoes 复选框，我想根据 storeType shoes 过滤数据。所以我写了

var getStores = stores.filter(function (store) {
    return store.storeType === 'shoes';
});

但是现在，如果我检查 clothes 并且 shoes 已经被检查。我想过滤鞋子+衣服数据。如果我再次取消选中 shoes，我只想过滤衣服数据。它可以是任意数量的复选框，具体取决于商店类型。你能帮我解决这个问题吗？

Answer 1

你可以试试这个:

var storeTypesSelected; //array of the types checked
var getStores = stores.filter(function (store) {
    return storeTypesSelected.indexOf(store.storeType) > -1;
});