Как сопоставить данные двух обьектов?

Question

[PakoGonsalezZ]

Здравствуйте, пишу на сайте простенький фильтр,
атрибуты свойств товаров записываю в data
При нажатии на кнопку хочу показывать товары, которые соответсвуют выбранным chekbox
У input вывожу в дата id свойств,

<input data-id="27" data-type="type" type="checkbox" name="type" value="">

получаю такой обьект, всех выбранных

0: {id: 45, type: "type"}
1: {id: 36, type: "type"}
2: {id: 27, type: "type"}
3: {id: 70, type: "sex"}
4: {id: 72, type: "seson"}

У товара также вывожу id свойств которые у него выбраны,

<div class="product hover_open_add_to_basket" data-type0="20" data-type1="21" data-type2="22" data-type3="23" data-type4="42" data-type5="39" data-price="620">

проблема в том что у товара может быть выбрано несколько значений одного свойства, поэтому в имя data аттрибута пришлось вставлять индекс.
{type0: 20, type1: 21, type2: 22, type3: 23, type4: 42, …}
Подскажите, как показать товары у которых имеется хотя бы один выбранный тип, один выбранный пол и один выбранный сезон, как сопоставить два обьекта.

Comments

[PakoGonsalezZ]

ДА, но у одного это type а у другого type0,type1,type2
Как описать что это свойства одной природы
Встречается ли у элемента хотя бы одно свойство typeN равное выбранным свойствам type

Answer 1

[Alex_Zdorgor]

Превратить данные в объект (1) и сделать фильтр по массиву объектов, на совпадение свойств с объектом (1) данных.

Comments

[PakoGonsalezZ]

У меня итак данные в двух обьектах, можно пример какой нибудь, никогда с обьектами не работал

[Alex_Zdorgor]

PakoGonsalezZ, Один из объектов надо сделать массивом:

let dataArr = [
    { id: 1, money: 15 },
    { id: 2, money: 5 },
    { id: 3, money: 10 },
    { id: 4, money: 20 },
    { id: 5, money: 17 },
]

let r1 = dataArr.filter( v => {
    return v.money > 15
})
console.log( r1 )

let r2 = dataArr.filter( v => {
    return v.id == 5
})
console.log( r2 )

let r3 = dataArr.filter( v => {
    return (v.id > 2 && v.money >= 17)
})
console.log( r3 )

Answer 2

[Александр Зачиналов]

Если вы будете помещать в data-type список всех ID фильтров в товар, вместо множества data-typeN, то можно обойтись без лишних проверок на имя ключей в объекте dataset элемента с товаром.

Я набросал пример https://codepen.io/anon/pen/PypLjB
, но в данном решении нужно дополнительно следить, чтобы список data-types не содержал пробелов

... сам ответ описан в методе available()