Loop Object inside array inside object inside array JavaScript

Question

I am trying to loop Object inside array inside object inside array and I am really confused!

here is my arr:

var arr = [
{
title: "Harry Potter",
categories: [
{
id: 39,
name: "Popular Books"
},
{
id: 3,
name: "Kids"
},
{
id: 79,
name: "All Books"
}
]
},


{
title: "Pride and Prejudice",
categories: [
{
id: 36,
name: "Classic Books"
},
{
id: 3,
name: "Woman"
},
{
id: 79,
name: "All Books"
}
]
}
]

How do I get the title of books that only have category name "Kids"?

Right now all I can think of is:

var find = function(arr){
  for(var i=0; i<arr.length; i++){
    for(var j=0; j<arr[i].categories; j++){
      console.log(arr[i].categories[j].name)
    }
  }
}

Which is super dirty and does not work anyway. Thank you!

Possible duplicate of Javascript: How to filter object array based on attributes? — Rajesh Dixit
– Rajesh Dixit, Commented May 12, 2017 at 10:36

dev8080 · Accepted Answer · 2017-05-12 10:35:44Z

5

You could use filter to filter out those array elements with categories matching "Kids", then map their titles into a new array.

arr.filter( i => i.categories.some(j => j.name ==="Kids") ).map(k => k.title )

var arr = [{
    title: "Harry Potter",
    categories: [{
        id: 39,
        name: "Popular Books"
      },
      {
        id: 3,
        name: "Kids"
      },
      {
        id: 79,
        name: "All Books"
      }
    ]
  },


  {
    title: "Pride and Prejudice",
    categories: [{
        id: 36,
        name: "Classic Books"
      },
      {
        id: 3,
        name: "Woman"
      },
      {
        id: 79,
        name: "All Books"
      }
    ]
  }
];

console.log(arr.filter(i => i.categories.some(j => j.name === "Kids")).map(k => k.title));

edited May 12, 2017 at 10:35

answered May 12, 2017 at 10:33

dev8080

4,0051 gold badge15 silver badges18 bronze badges

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

6 Comments

abhishekkannojia Over a year ago

Yours is exactly same as mine. Didn't saw this answer.

Rajesh Dixit Over a year ago

Just a pointer, you are using 3 loops. .filter, .some and then .map. You can reduce iterations using .reduce + .some

dev8080 Over a year ago

If it helped you, consider accepting it as the answer.

Etoya Over a year ago

definitely it helped, I accepted as the answer (did not even know I can do it))

TMA Over a year ago

Hi @dev8080: My requirement is almost same as this question. And i tried with your answer, too but am not getting the exact output. Can you please help me? jsfiddle.net/jasie/4jhd7zrs/10

|

zswang · Accepted Answer · 2017-05-12 10:35:52Z

1

have a try:

var find = function(arr, name) {
    for (var i = 0; i < arr.length; i++) {
        for (var j = 0; j < arr[i].categories.length; j++) {
            if (arr[i].categories[j].name === name) {
                return arr[i].categories[j];
            }
        }
    }
}

find(arr, 'Kids')

answered May 12, 2017 at 10:35

zswang

2,3203 gold badges16 silver badges13 bronze badges

Collectives™ on Stack Overflow

Loop Object inside array inside object inside array JavaScript

2 Answers 2

6 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Linked

Related