how to access an array in an array in json file

Question

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText);
    document.getElementById("demo").innerHTML = myObj.name;
  }
};
xmlhttp.open("GET", "json_demo.txt", true);
xmlhttp.send();



{
"name":"John",
"age":31,
"pets":[
    { "animal":"dog", "name":"Fido" },
    { "animal":"cat", "name":"Felix" },
    { "animal":"hamster", "name":"Lightning" }
]}

how do i reference the values in the pets array. as shown above i can reference the the name value but when ever i try to reference the values of animal inside pets. it returns just [object Object]

@CodeManiac No. OP needs to iterate through the objects in the array. — Jai, Dec 14 '18 at 08:48
Possible duplicate of [Loop through an array in JavaScript](https://stackoverflow.com/questions/3010840/loop-through-an-array-in-javascript) — Søren D. Ptæus, Dec 14 '18 at 09:18

score 2 · Answer 1 · answered Dec 14 '18 at 08:52

2

You need to loop the "pets".Like

  var dataArry = {
           "name":"John",
           "age":31,
           "pets":[
             { "animal":"dog", "name":"Fido" },
             { "animal":"cat", "name":"Felix" },
             { "animal":"hamster", "name":"Lightning" }
        ]}


   dataArry.pets.forEach(function(eachPet) {
        console.log(eachPet);
    });

You need to use foreach function.Hope this will help you.

answered Dec 14 '18 at 08:52

ArunJaganathan

695
2
7
20

Hope this will fix your issues. – ArunJaganathan Dec 14 '18 at 08:56

Devinder · Answer 2 · 2018-12-14T11:12:29.203

1

Try this:

myObj.pets.map(function(item){ console.log(item) })

this will give you the following result:

{animal: "dog", name: "Fido"}

{animal: "cat", name: "Felix"}

{animal: "hamster", name: "Lightning"}

to access single animal's name use

myObj.pets.map(function(item){ console.log(item.name); })

to get animal use:

myObj.pets.map(function(item){ console.log(item.animal); })

Another option is to use:

for(var pet of myObj.pets)
{
  console.log(pet.animal); //for animal
  console.log(pet.name); //for name
}

edited Dec 14 '18 at 11:12

answered Dec 14 '18 at 08:50

Devinder

127
1
10

1

Your solution requires do create a completely new array. You'e not using OP's data. – CodeF0x Dec 14 '18 at 08:51
1

Yes edited my answer and written comment to mention that this is for example.Kindly edit it accordingly if i am still wrong.I am new and trying to contribute – Devinder Dec 14 '18 at 08:52
@Devinder please do the edits. as suggested by CodeF0x. – Jai Dec 14 '18 at 08:54
@Devinder please see the other answers. – Jai Dec 14 '18 at 11:08

score 1 · Answer 3 · answered Dec 14 '18 at 08:53

1

try

myObj.pets.forEach(function (pet) {
    console.log(pet); // What you need is probably *pet.name*
});

answered Dec 14 '18 at 08:53

holydragon

6,158
6
39
62

score 1 · Answer 4 · answered Dec 14 '18 at 08:54

1

Try this.

    var pets= myObj.pets;
    for(var i=0;i<pets.length;i++){
        console.log(pets[i].name);
    }

answered Dec 14 '18 at 08:54

Atal Prateek

541
3
7

Ali Mustafa Fidancı · Answer 5 · 2018-12-14T09:00:47.377

-1

You can access like this *edit: with jQuery.each() *

        var person = {
        "name":"John",
        "age":31,
        "pets":[
            { "animal":"dog", "name":"Fido" },
            { "animal":"cat", "name":"Felix" },
            { "animal":"hamster", "name":"Lightning" }
        ]};

        $.each(person.pets,function (k,v) {
            console.log(v.animal, v.name);
        });

edited Dec 14 '18 at 09:00

answered Dec 14 '18 at 08:53

Ali Mustafa Fidancı

113
6

Ehh ... jQuery is not tagged nor included in OP's code, why to answer with jQuery then? The task at hands seems to be pretty trivial, an enormous library is not needed to solve the problem. – Teemu Dec 14 '18 at 12:05

how to access an array in an array in json file

5 Answers5