Обращаюсь к существующему свойству объекта, но получаю undefined?

Question

[Dmitriy_Gultiaev]

Всем привет, в чем проблема:
Я с помощью fetch делаю запрос по API. Вот код:

async function getInformation() {
        let response = await fetch(`https://api.allorigins.win/get? 
        url=${encodeURIComponent('https://maps.googleapis.com/maps/api/distancematrix/json? 
        origins=Луганск&destinations=Киев&key=AIzaSyCO9I-9cmBpuwUJEdBcNe5F3AGN4iW_Dzs')}`);
        let content = await response.json();
        let data = await content.contents;

        console.log(data.rows)
    }

getInformation();

Затем я получаю ответ в виде JSON:

{
   "destination_addresses" : [ "Luhansk, Luhansk Oblast, Ukraine, 91000" ],
   "origin_addresses" : [ "Kyiv, Ukraine, 02000" ],
   "rows" : [
      {
         "elements" : [
            {
               "distance" : {
                  "text" : "830 km",
                  "value" : 830166
               },
               "duration" : {
                  "text" : "11 hours 12 mins",
                  "value" : 40349
               },
               "status" : "OK"
            }
         ]
      }
   ],
   "status" : "OK"
}

Ну когда я пытаюсь обратится к свойству rows, таким образом:
console.log(data.rows)
Я получаю undefined, не могу понять почему

Answer 1

[Rsa97]

У вас в contents не объект, а ещё одна JSON-строка.

{
  contents: "{\n   \"destination_addresses\" : [ \"Kyiv, Ukraine, 02000\" ],\n   \"origin_addresses\" : [ \"Luhansk, Luhansk Oblast, Ukraine, 91000\" ],\n   \"rows\" : [\n      {\n         \"elements\" : [\n            {\n               \"distance\" : {\n                  \"text\" : \"821 km\",\n                  \"value\" : 821154\n               },\n               \"duration\" : {\n                  \"text\" : \"11 hours 32 mins\",\n                  \"value\" : 41522\n               },\n               \"status\" : \"OK\"\n            }\n         ]\n      }\n   ],\n   \"status\" : \"OK\"\n}\n"
​  status: {
​​    content_length: 530
    ​​сontent_type: "application/json; charset=UTF-8"
​​    http_code: 200
​​    response_time: 330
​​    url: "https://maps.googleapis.com/maps/api/distancematrix/json?origins=Луганск&destinations=Киев&key=AIzaSyCO9I-9cmBpuwUJEdBcNe5F3AGN4iW_Dzs"
  }
}

Её надо снова распарсить
const data = JSON.parse(content.contents);

Comments

[Dmitriy_Gultiaev]

Спасибо большое