Сортировка массива?

Question

[IvanIvanIvanIvanIvan]

var auto = [
          {
            marka: "BMW",
            model: "4k",
            cuzov: "A",
          },
           {
            marka: "Merc",
            model: "4k",
            cuzov: "B",
          },
           {
            marka: "Audi",
            model: "3k",
            cuzov: "C",
          },
           {
            marka: "Toyota",
            model: "1k",
            cuzov: "D",
          },
           {
            marka: "Lexus",
            model: "2k",
            cuzov: "E",
          },
           {
            marka: "Rang",
            model: "3k",
            cuzov: "F",
          },
           {
            marka: "BMW",
            model: "4k",
            cuzov: "G",
          },
           {
            marka: "BMW",
            model: "2k",
            cuzov: "Y",

          },
           {
            marka: "Audi",
            model: "3k",
            cuzov: "U",
          }
      ]
      var marka = ["Audi", "Rang", "Merc"];
      var model = ["4k", "2k", "3k"];
      var rez1 = auto.filter(x => (marka.includes(x.marka) && model.includes(x.model) && 
      cuzov.includes(x.cuzov)));
      console.log(rez1);

Фильтрую массив в соответствии с параметрами которые задал условно "Пользователь"
Такой вопрос. А что если "пользователь" скажем решит очистить массив model. Ну то есть выберет так что должны показываться все модели. То фильтр уже не будет работать. Что делать?

Answer 1

[Антон Спирин]

Вот универсальный и расширяемый вариант:

var auto = [
  {
    marka: "BMW",
    model: "4k",
    cuzov: "A",
 },
 {
   marka: "Merc",
   model: "4k",
   cuzov: "B",
 },
 {
   marka: "Audi",
   model: "3k",
   cuzov: "C",
 },
 {
    marka: "Toyota",
    model: "1k",
    cuzov: "D",
 },
 {
    marka: "Lexus",
    model: "2k",
    cuzov: "E",
 },
 {
    marka: "Rang",
    model: "3k",
    cuzov: "F",
 },
 {
   marka: "BMW",
   model: "4k",
   cuzov: "G",
 },
 {
   marka: "BMW",
   model: "2k",
   cuzov: "Y",
 },
 {
   marka: "Audi",
   model: "3k",
   cuzov: "U",
 }
];

var marka = ["Audi", "Rang", "Merc"];
var model = ["4k", "2k", "3k"];
var cuzov = [];
var params = { marka, model, cuzov };
var activeKeys = Object.keys(params).filter(key => params[key].length);   
  
var rez1 = auto.filter(x => activeKeys.every(key => params[key].includes(x[key])) );

console.log(rez1);

Можно расширять объект параметров фильтрации. Параметры без элементов, отфильтровываются до этапа сравнения.

Comments

[IvanIvanIvanIvanIvan]

Правда я нифига не понимаю что тут происходит)

[Антон Спирин]

IvanIvanIvanIvanIvan, объект params содержит все массивы с параметрами фильтрации:
var params = { marka, model, cuzov };
Тут мы забираем ключи параметров:

Object.keys(params)
// результат => [ 'marka', 'model', 'cuzov'];

далее мы фильтруем массив ключей оставляя только, те по которым в объекте params есть элеметты в массиве, то-есть params[key].length > 0

Object.keys(params).filter(key => params[key].length)
// или  [ 'marka', 'model', 'cuzov'].filter(key => params[key].length)

// результат => [ 'marka', 'model']; так как params.cuzov.length === 0, он офильтровывается

Вот что у нас в итоге осталось:

auto.filter(x => [ 'marka', 'model'].every(key => params[key].includes(x[key])) );

Вызов every возвращает true только в том случае если функция колбек возвращает true после вызова на каждом элементе.

Рассмотрим на пирмере:

x = {
   marka: "Audi",
   model: "3k",
   cuzov: "C",
 };

будет два вызова в every:

// первый:
'marka' => params.marka.includes(x.marka)
// или:
'marka' => ["Audi", "Rang", "Merc"].includes("Audi")  // вернет true

// второй: 
'model' => params.model.includes(x.model)
// или:
'model' => ["4k", "2k", "3k"].includes("3k")  // вернет true

Так как оба вызова колбека в every вернули true сам every так же возвращает true и элемент попадает в результаты.

Функцию можно оптимизировать так:

var marka = ["Audi", "Rang", "Merc"];
var model = ["4k", "2k", "3k"];
var cuzov = [];
var params = { marka, model, cuzov };
var activeKeys =  Object.keys(params).filter(key => params[key].length);  

var rez1 = auto.filter(x => activeKeys.every(key => params[key].includes(x[key])) );

Тогда фильтрация ключей не будет происходить на каждом элементе. Пожалуй, поправлю ответ.)