So I have this originalArray:
[
[
{
“name”: “Selena”,
“lastName”: “Gomez”,
“likes”: {
“color”: “red”,
“country”: “Argentina”,
“state”: {
“name”: “Buenos Aires”
}
},
“phoneNumber”: “5555555555”,
“isAvailable”: false
}
],
[
{
“name”: “Nick”,
“lastName”: “Jonnas”,
“likes”: {
“color”: “blue”,
“country”: “Argentina”,
“state”: {
“name”: “Buenos Aires”
}
},
“phoneNumber”: “7777777777”,
“isAvailable”: true
},
{
“name”: “Joe”,
“lastName”: “Jonnas”,
“likes”: {
“color”: “yellow”,
“country”: “Argentina”,
“state”: {
“name”: “Buenos Aires”
}
},
“phoneNumber”: “9999999999”,
“isAvailable”: false
}
]
]
As you can see is an Object that has the form of (2) [Array(1), Array(2)] and I want to iterate over the object and get only the phoneNumbers items.
Expected output:
['55555555555', '7777777777', '9999999999']
I've tried:
const newArray= originalArray.map(element => element.phoneNumber);
But it returns undefined, actually I tried accessing with . like originalArray.phoneNumber and shows undefined too.
I also tried with this approach with no result:
var newArray = originalArray.filter(obj => {
return obj.phoneNumber != null
})
Is there a way to iterate over the object, look up the phoneNumber key, and add those results to a new array?
const phoneNumbers = originalArray.flat().map(element => element.phoneNumber);
You were close, just needed to add map. Try this
var newArray = originalArray.flat()
.filter(obj => obj.phoneNumber!=null)
.map(obj => { return obj.phoneNumber;});
const originalArray = [
[
{
name: "Selena",
lastName: "Gomez",
likes: {
color: "red",
country: "Argentina",
state: {
name: "Buenos Aires",
},
},
phoneNumber: "5555555555",
isAvailable: false,
},
],
[
{
name: "Nick",
lastName: "Jonnas",
likes: {
color: "blue",
country: "Argentina",
state: {
name: "Buenos Aires",
},
},
phoneNumber: "7777777777",
isAvailable: true,
},
{
name: "Joe",
lastName: "Jonnas",
likes: {
color: "yellow",
country: "Argentina",
state: {
name: "Buenos Aires",
},
},
phoneNumber: "9999999999",
isAvailable: false,
},
],
];
const phoneNums = originalArray.flat().map((element) => element.phoneNumber);
console.log(phoneNums);