Getting json data from a nested array

Question

I'm having a bit of trouble wrapping my head around some JSON stuff. Namely, I'm trying to retrieve a string from a json response received from the google translate api i'm querying.

  var translator = function () {
  for (var i = 0; i < result.length; i++)
  {
    //Construct URI
    var source =
      'https://www.googleapis.com/language/translate/v2?' +
      'key=MY-API-KEY-REMOVED-ON-PURPOSE&' +
      'source=en&' +
      'target=fr&' +
      'q=' +
      result[i][1]; //looping over an array, no problem there



      //Receive response from server
    var to_Translate =new XMLHttpRequest();
    to_Translate.open("GET",source,false);
    to_Translate.send();
    var translated = to_Translate.responseText;

    JSON.parse(translated);
    translated = translated.data.translations[0].translatedText;

    console.log(translated);


  }
};


translator();

Where

console.log(translated);

yields

 {
 "data": {
  "translations": [
   {
    "translatedText": "some stuff that's been translated"
   }
  ]
 }
}

My question is: how can i access the value of translatedText? I've tried:

translated.data.translations[0].translatedText;

But it doesn't seem to work. When I console.log this i get

    Uncaught TypeError: Cannot read property 'translations' of undefined 
    translator 
(anonymous function)

Let me know what you guys think!

Answer 1

That is just text you have to parse it with

JSON.parse(translated)

so you could access it with, for example, translated.data

UPDATE

The error you are getting means that translated.data is undefined, you have to assign the parse to a variable, otherwise it will never work, it doesn't modify it in place

var translated = JSON.parse(to_Translate.responseText);

Answer 2

Yes, Use translated.data.translations[0].translatedText;

Hope it will work fine.

Answer 3

So close!

translated.data.translations[0].translatedText;

translations is an array of objects, and you want the translatedText property of the first element in the array.

UPDATE:

Just to confirm the output of to_Translate.responseText is a string containing:

{
 "data": {
  "translations": [
   {   
    "translatedText": "some stuff that's been translated"
   }
  ]
 }
}

So you should be able to do:

var translated = to_Translate.responseText,
    parsed = JSON.parse(translated),
    text = parsed.data.translations[0].translatedText;

console.log(text);