2001Yのプロフォール画像

2001Y@Y20010920T

「[JavaScript]Fetchで取得したJSONを変数に保存する」のアイキャッチ画像

この前作った、顔認識を使って顔を絵文字で隠すツールの絵文字をランダムに生成する部分でfetchで取得したjsonを変数に代入する部分で手こずったので備忘録。

Fetchで取得したJSONを変数に保存する

これで、fetch処理が終わった段階(jsonが取得できた段階)で変数jsonに結果が格納されます。

let json;    
fetch("https://exsample.com/api.json")
  .then(
    function(u) {
      return u.json();
    }
  )
  .then(
    function(e) {
      json = e;
    }
  )

ただ、もちろんfetch処理が終わってない段階だと変数jsonundefinedを返します。ほんとは、fetchを同期的に処理させてあげたほうがいいんだろうなぁ。