how to filter an nested objects inside an array in javascript

Question

I have the following nested objects in an array and i want to filter the result to return the id of a specific item.

const data = [
   {0: {id: 1, country: "SA", address: "IOXX"}},
   {1: {id:2, country: "SAP", name: "N", address: "IOP"}},
   {2: {id:3, country: "S", name: "NO", address: "I"}},
   {3: {id:4, country: "SXX", name: "NOI", address: "INDIA"}},
]

The solution i tried is returning null because of the nested objects structure i presume

var dataREsult =  data.filter(function(el) {
  return el.id == 4;
});

P.S: The structure of the data above is from the backend that iam working with.

I am a beginner with javascript. any help would be much appreciated.

As a data structure that makes little sense. It's needlessly nested, and each inner-object lives at an inconsistent key (first one 0, second 1 etc) so you'd have to use Object.values() to get at it. If at all possible, normalise the structure. — Mitya
– Mitya, Commented Feb 5, 2021 at 15:22
If it is possible to change the data, please change your server code. That is ridiculous. Of course you could do return Object.values(el)[0].id === 4. But, it will be hard to access and update the state with that structure. — adiga
– adiga, Commented Feb 5, 2021 at 15:23

topdev87 · Accepted Answer · 2021-02-05 16:02:32Z

3

Use Object.values() inside Array.filter() callback.

const data = [
   {0: {id: 1, country: "SA", address: "IOXX"}},
   {1: {id:2, country: "SAP", name: "N", address: "IOP"}},
   {2: {id:3, country: "S", name: "NO", address: "I"}},
   {3: {id:4, country: "SXX", name: "NOI", address: "INDIA"}},
]

const result = data.filter(el => Object.values(el)[0].id === 4);

for(var i=data.length-1; i>=0; i--) {
  if(Object.values(data[i])[0].id === 4)
    data.splice(i, 1)
}


console.log(data);

edited Feb 5, 2021 at 16:02

answered Feb 5, 2021 at 15:23

topdev87

8,7913 gold badges11 silver badges33 bronze badges

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

7 Comments

John D Over a year ago

thanks for the snippet, what would be the way to return only the id value, in case of you example 4. I intend to create a function out of it.

topdev87 Over a year ago

just same, you can make it as a function and return.

adiga Over a year ago

@JohnD why would you want to return the id value if you are filtering by id?

John D Over a year ago

@adiga i am trying to delete the item with id = 4 in this example. I might be approaching it the wrong way but thats the ultimate goal.

topdev87 Over a year ago

I updated my answer, you can use array.forEach, and use array.splice() to delete the item. @JohnD

|

Collectives™ on Stack Overflow

how to filter an nested objects inside an array in javascript

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related