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!
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));
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')
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.