How can I get to an array nested inside an object

Question

I have an array of objects and within those objects there is a nested object with an array that i am trying to evaluate. It looks something like this:

item = [
{firstName: "John"
 lastName: "Johnson"
 capabilities: {demographic: Array(3), geographic: Array(3), language: Array(2)}
id: "ndja1-234-njk"
state: LA
}
{firstName: "Jane"
 lastName: "Johnson"
 capabilities: {demographic: Array(3), geographic: Array(3), language: Array(2)}
id: "ndsa1-234-njk"
state: TX
}
]

I am trying to filter the list of objects and only return the objects which match the users input for either firstname, lastname, phonenumber, and geographic. But because the geographic is not at the first level of the array I am getting an error that says is is null when i try and filter through it like this:

const newList = (items, value) => {
    let providerList = items.filter(i => i.firstName.includes(value) || i.lastName.includes(value) || i.phone.includes(value) || i.capabilites.geographic.includes(value));
    setSearchResult(providerList)
  };

I believe it is because of the position of the geographic values in the object but im not sure how to handle waiting for it to not be null. This function works until I add the geographic OR statement.

Are you sure you want includes for checking a string? As 'hello'.includes('o') is true. — evolutionxbox
– evolutionxbox, Commented Oct 20, 2020 at 19:56
What would be an alternative to using includes ? I realize now this is not the best logic for this — CourtneyJ
– CourtneyJ, Commented Oct 25, 2020 at 14:39

Prime · Accepted Answer · 2020-10-20 20:22:08Z

1

Try this solution. That can be the issue coz some objects don't include capabilities in it.

const newList = (items, value) => {
    let providerList = items.filter(i => i.firstName.includes(value) || i.lastName.includes(value) || i.phone.includes(value) || i.capabilites.geographic && i.capabilites.geographic.includes(value));
    setSearchResult(providerList)
  };

edited Oct 20, 2020 at 20:22

answered Oct 20, 2020 at 19:59

Prime

2,8592 gold badges11 silver badges24 bronze badges

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

2 Comments

CourtneyJ Over a year ago

This works! And I understand why, thank you for your response!

A_A Over a year ago

You could also use optional chaining like this: i.capabilites.geographic?.includes(value). If it exists, it will call the method, else return undefined

A_A · Accepted Answer · 2020-10-20 20:02:46Z

0

You have a typo. Instead of i.capabilites use i.capabilities

answered Oct 20, 2020 at 20:02

A_A

1,9522 gold badges14 silver badges19 bronze badges

Collectives™ on Stack Overflow

How can I get to an array nested inside an object

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related