Difficulty accessing json

Question

I have the following json:

            {
  "destination_addresses": [
    "Rua B, 1 - Coqueiro,Belém - PA, 66670-350, Belém - PA, 66670-350, Brasil"
  ],
  "origin_addresses": [
    "Pref. José Walter, Fortaleza - CE, 60810-670, Brasil"
  ],
  "rows": [
    {
      "elements": [
        {
          "distance": {
            "text": "1.495 km",
            "value": 1495361
          },
          "duration": {
            "text": "20 horas 33 minutos",
            "value": 74009
          },
          "status": "OK"
        }
      ]
    }
  ],
  "status": "OK"
}

my difficulty is basic I know, but I’m not getting access to the json nodes, when I try

data.destination_addresses returns me exactly

["Rua B, 1 - Coqueiro,Belém - PA, 66670-350, Belém - PA, 66670-350, Brasil"]

and not just the value.. Rua B, 1 - Coqueiro,Belém - PA, 66670-350, Belém - PA, 66670-350, Brasil

and also can not access for example the distance or duration I tried already data.rows.elements.distance and data.rows[0].elements.distance but neither can I.. what is missing so that I can access the nodes?

Obs. utilizo vuejs.

Answer 1

Edited: Article:

Note that Elements is also a rray of objects ("Distance" and "Duration") and that this array (Elements) is within another array that is rows, then for you to access an object of Elements you’ll have to iterate on row and in Elements, something more or less like this (python as inspiration)

for row in data.rows:
    for element in row.elements:
       print (element.distance)
       #...

When you access data.destination_addresses the return is exactly what the json author wanted to express, an array of strings, probably some addresses should have more than one string (more than one address). See that data.rows is also a matrix, so you would have to access so:

drows = data.rows[0]

And then 'analyze' drows.

Answer 2

Correcting the comment according to the observation below, there really is no error in the array, the form presented is correct, I was able to access the data of the array elements no major problems, but it is necessary to indicate the index of objects within the array console.log(json.rows[0].elements[0].duration.value);

var json = {
  "destination_addresses":
    ["Rua B, 1 - Coqueiro,Belém - PA, 66670-350, Belém - PA, 66670-350, Brasil"],
  "origin_addresses":
    ["Pref. José Walter, Fortaleza - CE, 60810-670, Brasil"],
  "rows":[
    {"elements":
        [{
          "distance": {"text": "1.495 km", "value": 1495361},
          "duration": {"text": "20 horas 33 minutos", "value": 74009 },
          "status": "OK"
        }]
    }
  ],
  "status": "OK"
}
console.log(json.rows[0]);
console.log(json.rows[0].elements[0]);
console.log(json.rows[0].elements[0].duration);
console.log(json.rows[0].elements[0].duration.value);