Как фильтровать значения объектов с помощью es6

Question

У меня есть 2 объекта, которые я не хочу выполнять фильтрацией с помощью es6

. Сначала это мой объект данных, а второй выбрал некоторые данные.

Я не хочу получать все элементы в объекте данных, которые имеют значения второго объекта

let data = [
  {
    id: 1,
    name: 'A',
    status: 1
  },
  {
    id: 2,
    name: 'B',
    status: 1
  },
  {
    id: 3,
    name: 'C',
    status: 3
  },
  {
    id: 4,
    name: 'D',
    status: 2
  }
]

, а второй объект:

let selectedStatus = [
  {
    id: 1,
    status: 1
  },
  {
    status: 3
  }
]

в этом случае я хочу'чтобы получить объекты данных, которые содержат те же статусы во втором объекте, поэтому в этом случае мне нужно получить такой результат:

data = [
  {
    id: 1,
    name: 'A',
    status: 1
  },
  {
    id: 2,
    name: 'B',
    status: 1
  },
  {
    id: 3,
    name: 'C',
    status: 3
  },
]

Answer 1

Вы можете сделать так:

data = data.filter(item =>
  selectedStatus.map(s => s.status).includes(item.status)
);

Answer 2

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

const whiteList = selectedStatus.map((sel) => sel.status); // which gives you an array of all selected status you want to filter for

const filteredData = data.filter((data) => ~whiteList.indexOf(data.status)); // please consider that filter returns a new array that contain all items where the condition was falsy. That can be confusing.

, чтобы понять оператор ~, отметьте https://wsvincent.com/javascript-tilde/

Вы можете бороться с результатом отфильтрованного массива. Обратите внимание, что array.filter возвращает новый массив, который содержит все элементы, которые НЕ соответствуют условию, другими словами, это отрицание. Это может сбивать с толку. https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

ES7

const filteredData = data.filter((data) => whiteList.includes(data.status));

Answer 3

Если у вас нет ограничений браузера, вы можете использовать их, используя Array.includes () для проверки статусов на data, которые на selectedStatus, затем Array.filter () для фильтрации объектов, соответствующих требуемому условию.

const data = [
  {
    id: 1,
    name: 'A',
    status: 1
  },
  {
    id: 2,
    name: 'B',
    status: 1
  },
  {
    id: 3,
    name: 'C',
    status: 3
  },
  {
    id: 4,
    name: 'D',
    status: 2
  }
]

const selectedStatus = [
  {
    id: 1,
    status: 1
  },
  {
    status: 3
  }
];

const res = data.filter(obj => selectedStatus.map(s => s.status).includes(obj.status));

console.log(res);

Answer 4

Ниже фрагмент даст ожидаемый ответ:

var result = [];
data.forEach((value) => {
    selectedStatus.forEach(val => {
        if(value.status == val.status) { 
            result.push(value) 
        } 
    }); 
});
console.log(result)

Answer 5

let result = [];    
selectedStatus.forEach(selectedStatus => result = result.concat(data.filter(status => status.status === selectedStatus.status)))