Get the difference of two array objects in Javascript

Question

I am trying to get the items that are in "colors" but not in "colors2" and show them, but instead i'm always getting all the items of the first array

let colors = [
    { key: "green", value: '#00b894' },
    { key: "lgreen", value: '#64ed9f' },
    { key: "yellow", value: '#edc611' },
    { key: "orange", value: '#fda044' },
    { key: "red", value: '#e74c47' }
]

let colors2 = [
    { key: "Option 1", value: "#00b894" },
    { key: "Option 2", value: "#e74c74" }
]

comparer = (otherArray) =>{
   return function (current) {
      return otherArray.filter(function (other) {
         return other.value !== current.value
      })
   }
 }

As for the output I am getting all the items of colors array. Instead I want to display lgreen, yellow and orange whose values are not the same as items in colors2 array.

Output :

Array [Object { key: "green", value: "#00b894" }, Object { key: "lgreen", value: "#64ed9f" }, Object { key: "yellow", value: "#edc611" }, Object { key: "orange", value: "#fda044" }, Object { key: "red", value: "#e74c47" }]

I think the line return function (current) is not necessary here — Mikkel
– Mikkel, Commented Jan 19, 2020 at 20:24
Does this answer your question? JavaScript get elements from an object array that are not in another — Muhammad Usman
– Muhammad Usman, Commented Jan 19, 2020 at 20:26

symlink · Accepted Answer · 2020-01-19 20:24:58Z

2

Use filter() and some()

let colors1=[{key:"green",value:"#00b894"},{key:"lgreen",value:"#64ed9f"},{key:"yellow",value:"#edc611"},{key:"orange",value:"#fda044"},{key:"red",value:"#e74c47"}],colors2=[{key:"Option 1",value:"#00b894"},{key:"Option 2",value:"#e74c74"}];

let result = colors1.filter(color1 => {
    return !colors2.some(color2 => color1.value === color2.value)
})

console.log(result)

answered Jan 19, 2020 at 20:24

symlink

12.2k7 gold badges31 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get the difference of two array objects in Javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related