Get Object From Array in ES6

Question

I need the whole array of objects using an array of ids. I need to match it using contact_id. You may see expected output below

Array of objects (contacts)

[
    {
        "contact_id": 1,
        "f_name": "Hello",
    },
    {
        "contact_id": 2,
        "f_name": "YA",
    },
     {
        "contact_id": 3,
        "f_name": "Minion",
    },
     {
        "contact_id": 4,
        "f_name": "HALU",
    },
]

Array of ids (contacts2)

{
    "contact_ids": [
        "1",
        "2"
    ],
}

Expected Output

[
    {
        "contact_id": 1,
        "f_name": "Hello",
    },
    {
        "contact_id": 2,
        "f_name": "YA",
    },
]

Code

contacts.filter(item = > item.contact_id === contacts2)

you can use includes in your filter: Filter array of objects based on another array in javascript — Nick Parsons
– Nick Parsons, Commented Aug 1, 2021 at 10:51

starikcetin · Accepted Answer · 2021-08-01 10:48:49Z

1

contacts.filter(item => contacts2.contact_ids.some(id => id == item.contact_id));

answered Aug 1, 2021 at 10:48

starikcetin

1,5081 gold badge17 silver badges29 bronze badges

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

Comments

nick zoum · Accepted Answer · 2021-08-01 10:55:16Z

Steps:

Using Array#map on the contact_ids array to return a { contact_id: number, f_name: string } object for each one
Inside the mapping function use Array#find function to find the first contact that gets matched
Make sure to either use == instead of === or convert the string to a number before doing the check, since using === with a string and a number will always return false

var contacts = [{ "contact_id": 1, "f_name": "Hello" }, { "contact_id": 2, "f_name": "YA" }, { "contact_id": 3, "f_name": "Minion" }, { "contact_id": 4, "f_name": "HALU" }];

var contacts2 = { "contact_ids": [ "1", "2" ] };

var result = contacts2.contact_ids.map(function(id) {
  return contacts.find(function(contact) {
    // make sure to use `==` instead of `===` since you're comparing a string to a number
    return contact.contact_id == id;
  });
});
// You could also chain `.filter(Boolean)` if you wanted to discard the contacts that weren't found
console.log(result);

LeeLenalee · Accepted Answer · 2021-08-01 11:01:23Z

0

const items = [{
    "contact_id": 1,
    "f_name": "Hello",
  },
  {
    "contact_id": 2,
    "f_name": "YA",
  },
  {
    "contact_id": 3,
    "f_name": "Minion",
  },
  {
    "contact_id": 4,
    "f_name": "HALU",
  },
];

const ids = {
  "contact_ids": [
    "1",
    "2"
  ],
};

const filteredItems = items.filter(item => ids.contact_ids.includes(item.contact_id.toString()));

console.log(filteredItems)

edited Aug 1, 2021 at 11:01

LeeLenalee

31.9k7 gold badges62 silver badges81 bronze badges

answered Aug 1, 2021 at 10:49

zhulien

5,8154 gold badges25 silver badges41 bronze badges

2 Comments

Joseph Over a year ago

How about some method. Is it fine?

zhulien Over a year ago

Yeah, using some is totally fine. includes just seems more semantically correct to me for the current check and makes it easier to follow. Both options are completely fine. Just avoid comparing string and number with == as in the accepted answer as it is generally a bad habit which will bite you someday. Convert your types manually when you compare.

Collectives™ on Stack Overflow

Get Object From Array in ES6

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related