JavaScript早見表（05）外部データを読み込んで使う

外部データ(JSON・CSV)

書き方	説明	例
JSON	配列やオブジェクトに似た書き方の、データ用の形式。キーと文字列は二重引用符 `""` で囲む	`[ {"name": "アオイ", "score": 10}, {"name": "ハル", "score": 20} ]`
CSV	表のデータを、改行とカンマで書く。1行が1件のデータ	`name,score アオイ,10 ハル,20`
fetch()	ファイルを読み込む。`response.json()` で配列などに変換する	`let response = await fetch("players.json"); let players = await response.json(); console.log(players[0].name); // アオイ`
JSON.parse()	JSON形式の文字列を、JavaScriptのデータにする	`let data = JSON.parse('{"name": "お茶", "price": 150}'); console.log(data.price); // 150`

await を使うときは <script type="module"> の中に書きます。ファイルをブラウザで直接開いている(file://)と、fetch() が動かないので、ローカルサーバーから開きます。