invoque array in object JSON

Question

I have invoque array Object in Object JSON but I invoque last index

var myObj, x, i, y;
myObj = {
  "name": "John",
  "age": 30,
  "cars": [{
    "n": "Ford",
    "a": "BMW",
    "c": "Fiat"
  }, {
    "n": "test",
    "a": "BMWwww",
    "c": "Fiattt"
  }]
};
x = myObj.cars[0]["n"];
for (y in myObj.cars) {
  document.getElementById("demo").innerHTML = myObj.cars[y].n;

}

<p>Access an array value of a JSON object:</p>

<p id="demo"></p>

but I have display

Access an array value of a JSON object: test

Technical note: You have JavaScript object. JSON is used when you serialize and deserialize objects. JSON syntax looks a lot like JavaScript Object Notation. (Look at the capital letters.) — Jeremy J Starcher, Sep 24 '17 at 09:26

Nina Scholz · Accepted Answer · 2017-09-24T09:30:22.113

You are overwriting the value of innerHTML. You could add the value and a line break tag.

Then I suggest to use a simple for loop with an index variable to use. You might habe a looke here: JavaScript Loops: for…in vs for

var myObj = { name: "John", age: 30, cars: [{ n: "Ford", a: "BMW", c: "Fiat" }, { n: "test", a: "BMWwww", c: "Fiattt" }] },
    i;

for (i = 0; i < myObj.cars.length; i++) {
    document.getElementById("demo").innerHTML += myObj.cars[i].n + '<br>';
}

<p>Access an array value of a JSON object:</p>
<p id="demo"></p>

invoque array in object JSON

1 Answers1