How to compare an array of objects with an array of strings?

Question

How to compare these arrays? I want to compare and get a result like the below.

Array of string

 ["Typo", "Buttons"]

Array of object

[
  {icon: "General", categoryName: "Buttons"}
  {icon: "DataDisplay", categoryName: "Typo"}
  {icon: "Other", categoryName: "Sliders"}
]

As you can see there is no Sliders categoryName in the array of string. I expected the result should be another array of objects. As the following

[
  {icon: "General", categoryName: "Buttons"}
  {icon: "DataDisplay", categoryName: "Typo"}
]

Thanks!

Majed Badawi · Accepted Answer · 2021-01-10 19:15:21Z

5

You can use .filter as follows:

const categories = ["Typo", "Buttons"]
const items = [
  {icon: "General", categoryName: "Buttons"},
  {icon: "DataDisplay", categoryName: "Typo"},
  {icon: "Other", categoryName: "Sliders"}
]

const res = items.filter(item => categories.includes(item.categoryName));

console.log(res);

answered Jan 10, 2021 at 19:15

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

How to compare an array of objects with an array of strings?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related