Фильтрация через объект для MultiCheckbox

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

Я написал условие, используя оператор &&, и он ищет точное совпадение с указанным условием.

let json = [{  
    "id": 1,
    "kba": false,
    "email": true
},
{   
    "id": 2,
    "kba": true,
    "email": true
},{
    "id": 3,
    "kba": true,
    "email": false
}]


function integrationFilter(selectedValue){
    return truthy = json.filter(j => {
        return j.kba === selectedValue.kba && j.email === selectedValue.email
    })
}

let selectedValue1 = {"email": false}
let t2 = {"kba": true}
let t3 = {"email": true, "kba": false}


let op = integrationFilter(t2)
console.info(op)

С моей приведенной выше логикой я получаю пустой массив. Но я хотел бы получить результат, так как я передаю kba как истину. Эти ключи в объекте представляют собой несколько вариантов, которые у меня есть, и они могут расти.

[ { id: 2, kba: true, email: true },
  { id: 3, kba: true, email: false } ]

Итак, в случае, если selectedValue равно {"email": true, "kba": true}, вы хотите, чтобы все объекты, у которых есть обе email true и kba true или либо из них, были истинными?

Sebastian Kaczmarek 08.04.2019 21:42

Я хочу получить все объекты, у которых есть оба {"email": true, "kba": true}

Automator 09.04.2019 13:16

Хорошо, пожалуйста, посмотрите мой ответ. Это помогает?

Sebastian Kaczmarek 09.04.2019 13:27
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
3
36
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Вы проверяете с помощью &&, который ожидает, что оба утверждения будут true. Я изменил вашу функцию фильтра, чтобы обработать ваш сценарий.

let json = [{
    "id": 1,
    "kba": false,
    "email": true
  },
  {
    "id": 2,
    "kba": true,
    "email": true
  }, {
    "id": 3,
    "kba": true,
    "email": false
  }
]


function integrationFilter(selectedValue) {
  return json.filter(j => {
    return Object.entries(selectedValue).every(([key, value]) => {
      return j[key] === value;
    });
  });
}

let t1 = {
  "email": false
}
let t2 = {
  "kba": true
}
let t3 = {
  "email": true,
  "kba": false
}


console.info('t1:', integrationFilter(t1));
console.info('t2:', integrationFilter(t2));
console.info('t3:', integrationFilter(t3));

Итак, насколько я понял, вы хотите сопоставить все ключи, указанные в selectedValue. Вы можете добиться этого, например, так:

let json = [{  
    "id": 1,
    "kba": false,
    "email": true
},
{   
    "id": 2,
    "kba": true,
    "email": true
},{
    "id": 3,
    "kba": true,
    "email": false
}]


function integrationFilter(selectedValue){
    const keysToValidate = Object.keys(selectedValue);
    return json.filter(j => {
        for (let key in selectedValue)
            if (j[key] !== selectedValue[key])
                return false;
        
        return true;
    })
}

let selectedValue1 = {"email": false}
let t2 = {"kba": true}
let t3 = {"email": true, "kba": false}


let op = integrationFilter(t2)
console.info(op)

Который выбирает только значения из массива json, у которых все ключи/значения совпадают с selectedValue.

Привет, Себастьян. Спасибо за приведенное выше решение, опубликованное ajai Works. В вашем решении он возвращает объект с идентификаторами 2 и 3, тогда как он должен просто возвращать идентификатор 1.

Automator 09.04.2019 13:44

Я считаю, что результаты такие же. Я разместил только один пример, который точно такой же, как и вышеприведенное решение.

Sebastian Kaczmarek 09.04.2019 14:16

Другие вопросы по теме