javascript(gas)の配列の取り出し方がわからない

Question

GASでdeeplのapiからJSONを取得し、そのJSONから変換したオブジェクトに入っている"text"を取得してセルに表示する関数を書いているのですが、様々なサイトに書いてある配列の取り出し方ではうまく目的の文字列が取り出せません。
とりあえず思いつくものをLoggerに吐かせたんですが、なぜかnullが入っています。undefinedならともかく、nullが入っているのは解せないんですが、なにか指定の方法がまずいのでしょうか？

function deeplapi(originalValue, translateFrom, translateTo) {
  Logger.log(originalValue.length);
  if ( originalValue.length > 0 ) {
    var response = UrlFetchApp.fetch("https://api-free.deepl.com/v2/translate?auth_key=XXXX&text="+ originalValue +"&target_lang="+ translateTo +"&source_lang="+ translateFrom +"");//deepl APIから取得
    var json=JSON.parse(response.getContentText());//JSONをオブジェクトに
    Logger.log(response);//responseをlogに記録
    Logger.log(json);//jsonをlogに記録
    Logger.log(json["translations"]["detected_source_language"]);//ここがnullになる
    Logger.log(json["translations.text"]);//ここもnullになる
  } else {
    Logger.log("missed");//何も文字列が入っていなければ失敗と返す。
    return '';
  }
}

2021/05/14 1:58:13 情報 22.0
2021/05/14 1:58:14 情報 {"translations":[{"detected_source_language":"JA","text":"It's been a great day! We can grow overwhelmingly tomorrow."}]}
2021/05/14 1:58:14 情報 {translations=[{detected_source_language=JA, text=It's been a great day! We can grow overwhelmingly tomorrow.}]}
2021/05/14 1:58:14 情報 null
2021/05/14 1:58:14 情報 null

Answer 1

Logger.log(json["translations"][0]["detected_source_language"]);
Logger.log(json["translations"][0].text);

Comments

[madebyjun]

回答ありがとうございました！デバッグ画面でも構造を確認したんですが、念の為確認させてください。
これはjsonという連想配列の中に、translationsという1つのオブジェクトがあって、そのオブジェクトの中配列として１つ項目があり、その項目の中に更に連想配列としてdetected_source_languageやtextがあるという捉え方でよろしいんでしょうか？

[kei344]

「jsonというオブジェクトの中に、translationsという配列があって、その項目の一つにdetected_source_languageやtextというプロパティを持っているオブジェクトがある」くらいでしょうか。

細かいことを言えば、他の言語にあるような「連想配列」はJavaScriptでは「オブジェクト」ではなく「Map」が近いです（「オブジェクト」の説明の中で便宜的に「連想配列」と解説している書籍やサイトはあるかもしれないが）。しばらく勉強を進めるまでは「連想配列」は置いておきましょう。

[madebyjun]

詳しくご回答頂きまして本当にありがとうございました！
なるほど、連想配列はちょっと少し置いておきます。
これからもっともっと勉強していきたいと思います。どうもありがとうございました！

Answer 2

kei344さんの回答が正しいです。

デバッグで配列の構造を確認するとこういったトラブルを回避することができると思いますよ！

Comments

[madebyjun]

回答ありがとうございました！そもそもデバッグ機能すら知りませんでして、使ってみたら本当に便利でした！こんなものがあったんですね…これからバシバシ使っていきます！

[Tatsunosuke]

はーい！頑張ってください！応援してます！！