What's the efficient way to iterate through 2 arrays of Objects and return a single array of objects?

Question

I want to iterate through the exerxises array, compare each object.id with searchResult's object.id and return non-equal searchResult objects in a new array without duplicate.

I'm having issues because both arrays are not of the same length

const exercises = [
 {
  id: 'pull-ups',
  title: 'Pull Ups',
  description: 'Back and biceps exercise...',
  muscles: 'back'
 },
 {
  id: 'deadlifts',
  title: 'Deadlifts',
  description: 'Back and leg exercise...',
  muscles: 'back'
 },
 {
  id: 'squats',
  title: 'Squats',
  description: 'Legs exercise...',
  muscles: 'legs'
 }
]

const searchResult = [
 {
  id: 'overhead-press',
  title: 'Overhead Press',
  description: 'Delts exercise...',
  muscles: 'shoulders'
 },
 {
  id: 'dips',
  title: 'Dips',
  description: 'Triceps exercise...',
  muscles: 'arms'
 },
 {
  id: 'barbell-curls',
  title: 'Barbell Curls',
  description: 'Biceps exercise...',
  muscles: 'arms'
 },
 {
  id: 'bench-press',
  title: 'Bench Press',
  description: 'Chest exercise...',
  muscles: 'chest'
 },
 {
  id: 'pull-ups',
  title: 'Pull Ups',
  description: 'Back and biceps exercise...',
  muscles: 'back'
 },
 {
  id: 'deadlifts',
  title: 'Deadlifts',
  description: 'Back and leg exercise...',
  muscles: 'back'
 },
 {
  id: 'squats',
  title: 'Squats',
  description: 'Legs exercise...',
  muscles: 'legs'
 }
]

by comparing the ids, I want to return a new array of Objects from the difference btw exercises and searchResult without duplicates!

How did you try making this new array? What code did you use? There's nothing but the arrays. — zer00ne, Apr 07 '19 at 16:50
Duplicate. See https://stackoverflow.com/questions/1584370/how-to-merge-two-arrays-in-javascript-and-de-duplicate-items — Marcus, Apr 07 '19 at 17:20

Code Maniac · Accepted Answer · 2019-04-07T16:59:18.443

You can use reduce and find

const exercises = [{id: 'pull-ups',title: 'Pull Ups',description: 'Back and biceps exercise...',muscles: 'back'},
{id: 'deadlifts',title: 'Deadlifts',description: 'Back and leg exercise...',muscles: 'back'},
{id: 'squats',title: 'Squats',description: 'Legs exercise...',muscles: 'legs'}]

const searchResult = [{id: 'overhead-press',title: 'Overhead Press',description: 'Delts exercise...',muscles: 'shoulders'},
{id: 'dips',title: 'Dips',description: 'Triceps exercise...',muscles: 'arms'},
{id: 'barbell-curls',title: 'Barbell Curls',description: 'Biceps exercise...',muscles: 'arms'},
{id: 'bench-press',title: 'Bench Press',description: 'Chest exercise...',muscles: 'chest'},
{id: 'pull-ups',title: 'Pull Ups',description: 'Back and biceps exercise...',muscles: 'back'},
{id: 'deadlifts',title: 'Deadlifts',description: 'Back and leg exercise...',muscles: 'back'},
{id: 'squats',title: 'Squats',description: 'Legs exercise...',muscles: 'legs'}]

let op = searchResult.reduce((op,inp) => {
  let add = exercises.find(e=> e.id === inp.id)
  if(!add){
    op[inp.id] = inp
  }
  return op
},{})

console.log(Object.values(op))

What's the efficient way to iterate through 2 arrays of Objects and return a single array of objects?

1 Answers1