Как сравнить два массива и вернуть разницу в JavaScript

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

const a = [8,10,13,14];
const b = [{id: 8}, {id: 13}, {id: 14}];

и то, что я хотел бы получить, это [10].

Что я пробовал и не работал, так это использовать карту и фильтр вместе.

const newArray = b.map((itemB) => {
    return a.filter(
       itemA => itemB.id !== itemA,
    );
});

Каков простой способ вернуть это?

Спасибо.

Покажи нам, что ты пробовал. Многочисленными способами вы можете достичь этого. SO не является бесплатной службой написания кода. Цель состоит в том, чтобы помочь вам с вашим кодом

charlietfl 24.07.2019 03:36

Да, отредактировал вопрос. Спасибо за ответ.

doobean 24.07.2019 03:39

Возможный дубликат Как получить разницу между двумя массивами в Javascript?

minus.273 24.07.2019 10:37

@ minus.273 Спасибо за комментарий, но я хотел разобраться, когда в массиве есть ключи объекта.

doobean 28.07.2019 23:22
Поведение ключевого слова "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
4
371
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Вы можете использовать Лодаш.

const diff = _.difference(a, b.map(({ id }) => id));
Ответ принят как подходящий

Почему бы вам просто не отфильтровать нежелательный идентификатор?

const a = [8, 10, 13, 14];
const b = [{ id: 8 }, { id: 13 }, { id: 14 }];

console.info(a.filter(num => !b.some(({ id }) => id === num)));

Поскольку у вас есть два массива с разными типами элементов, вы можете объединить Array.filter() с Array.map(), чтобы получить разницу:

const a = [8,10,13,14];
const b = [{id: 8}, {id: 13}, {id: 14}];

const normalized = b.map(({ id }) => id);
const diff = a.filter(value => !normalized.includes(value));

console.info(diff);

Обновлено: я думаю, что решение @Brian Le с .some() более элегантно (и, вероятно, более производительно)!

Гораздо эффективнее делать карту только один раз, вне цикла.

charlietfl 24.07.2019 03:37

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