Динамический фильтр?

Question

[ponko11]

Здравствуйте. Делаю интернет магазин, на нём есть работающий фильтр. Есть массив объектов со свойствами товара, например: пол - женский, тип - футболка, цвет - зелёный. Из свойств объектов формирую параметры отбора фильтра. Пытаюсь придумать скрипт, чтобы при клике на параметр отбора другие параметры, которые не ведут ни к какому товару исключались. Например: выбираем пол мужской, соответственно исключаем юбки и туфли.
Пока не очень получается.
Сейчас есть скрипт который формирует фильтр с 5ю заголовками: пол, тип, цвет, размер, бренд. При каждом нажатии на параметр, чистится параметры тех заголовков в которых нет выбранных галочек и отрисовываются заново с исключенными параметрами, а те заголовки в которых есть выбранные галочки остаются неизменными. Но если например: выбираем пол мужской и женский, выбираем юбки, потом убираем пол женский, то юбки остаются. Не могу придумать алгоритм.

Answer 1

[ponko11]

решение здесь

Answer 2

[sharpsss]

window.i_am_json= {
  "man": [{
            "type": "майки",
            "object": "майка nike",
            "colors": ["red", "black", "gray"]
        },
            {
            "type": "майки",
            "object": "майка puma",
            "colors": ["red", "black", "gray"]
        }
        
    ],
     "wooman": [{
            "type": "майки",
            "object": "майка nike",
            "colors": ["red", "black", "gray"]
        },
            {
            "type": "майки",
            "object": "майка puma",
            "colors": ["red", "black", "gray"]
        }

}]

потом делаешь что там тебе нужно

let html = ``;
   i_am_json.man.forEach((el,index)=> {

      html =el.type ;
});

Answer 3

[alubochkin]

Можно использовать к гендерную принадлежность в фильтрах

const filter = {
  types:  [
   {name: 'юбка', gender: ['woman']}
   {name: 'рубашка', gender: ['woman', 'man', 'kids']}
]
}