クイズデータのAPIから、特定のデータを抽出したいです。

Question

前提・実現したいこと

クイズデータのAPIから、特定のデータを抽出したいです。

発生している問題・エラーメッセージ

undefined

該当のソースコード

fetch('https://opentdb.com/api.php?amount=10')
  .then(response => response.text())
  .then(text => {
    console.log(text); // OK
    console.log(text.results); // NG
    console.log(text.results[0].question); // NG
  });

試したこと

text.resultsなど、色々試しましたが、データが抽出できません。

補足情報（FW/ツールのバージョンなど）

Chrome。Windows、

Answer 1

こんにちは

JSONが返ってきているので、response.text() を response.json()　とすればよいかと思います。
ですので、以下のように修正してみると、いかがでしょうか？

修正前：

fetch('https://opentdb.com/api.php?amount=10')
  .then(response => response.text())
  .then(text => {
    console.log(text); 
    console.log(text.results); 
    console.log(text.results[0].question); 
  });

修正後：

fetch('https://opentdb.com/api.php?amount=10')
  .then(response => response.json())
  .then(json => {
    console.log(json);
    console.log(json.results); 
    console.log(json.results[0].question);
  });

以下、動作確認するために修正後のコードを jsFiddle に上げたものです。

• https://jsfiddle.net/jun68ykt/t85cdwsu/5/

参考になれば幸いです。

Comments

[Takashi1986]

できました。。。本当に有難うございます！！このサービス初めて利用したのですが、感動しました。。汗

[jun68ykt]

どういたしまして。解決されたようで、よかったです ????

[Takashi1986]

????