How to return a single object from an array in Javascript to another variable?

Question

I have an array of objects that looks like this:

contacts: [
    {
      id: 1,
      name: "John Doe",
      email: "[email protected]",
      phone: "555-555-5555",
    },
    {
      id: 2,
      name: "Karen Williams",
      email: "[email protected]",
      phone: "444-444-4444",
    },
    {
      id: 3,
      name: "Henry Johnson",
      email: "[email protected]",
      phone: "333-333-333",
    },
  ]

I want to loop through them and if one of their ID's matches the ID I am looking for then I need that return and assigned to another variable. This is what I have so far but it tells me the selectedContact is undefined.

function getSingleContactFromId(contacts, id) {
  contacts.forEach((contact) => {
    console.log(contact);
    if (contact.id == id) {
      console.log(contact);
      return { contact };
    }
  });
}

const selectedContact = getSingleContactFromId(contacts, id);
      console.log(selectedContact);

try using Array#find

arizafar
– arizafar

2020-06-03 18:06:36 +00:00
Commented Jun 3, 2020 at 18:06 — arizafar
– arizafar, Commented Jun 3, 2020 at 18:06

Julian Paolo Dayag · Accepted Answer · 2020-06-03 18:06:29Z

2

You are returning value from inside the interatee function of the forEach. What you can do is to add a variable where you can store the selected contact and return it after exiting the loop.

function getSingleContactFromId(contacts, id) {
    let selectedContact;
      contacts.forEach((contact) => {
        console.log(contact);
        if (contact.id == id) {
          console.log(contact);
          selectedContact = { contact };
          return false;
        }
      });
    return selectedContact;
}

answered Jun 3, 2020 at 18:06

Julian Paolo Dayag

3,7473 gold badges24 silver badges33 bronze badges

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

Comments

Danyal · Accepted Answer · 2020-06-03 18:08:47Z

1

It's because forEach returns undefined, returning anything inside it does nothing. You need to use something like map, filter, or a normal for loop and break when you hit a matching id.

Something like this would work:

let foundContact = null;
for (let i = 0; i < contacts.length; i++) {
 if (contacts[i].id === id) {
   foundContact = contacts[i];
   break;
 }
}

return foundContact;

You can do the same with using filter:

return contacts.filter(contact => {
  return contact.id === id;
})

answered Jun 3, 2020 at 18:08

Danyal

8707 silver badges13 bronze badges

Comments

hendrixchord · Accepted Answer · 2020-06-03 18:07:28Z

0

function getSingleContactFromId(contacts, id) {
  let c = null;
  contacts.forEach((contact) => {
    if (contact.id === id) {
      c = contact;
      return false;
    }
  });
  return c;
}

return false is the circuit breaker for forEach as break doesn't work.

answered Jun 3, 2020 at 18:07

hendrixchord

5,5045 gold badges33 silver badges44 bronze badges

Comments

mastercool · Accepted Answer · 2020-06-03 18:09:08Z

0

I realized this was a rookie mistake, but I decided to go with this:

var contact;
  console.log("get single contact");
  for (var i = 0; i < state.contacts.length; i++) {
    contact = state.contacts[i];
    if (contact.id == id) {
      return contact;
    }
  }

answered Jun 3, 2020 at 18:09

mastercool

5231 gold badge16 silver badges44 bronze badges

Collectives™ on Stack Overflow

How to return a single object from an array in Javascript to another variable?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related