実現したいこと
wolfxという地震情報APIから受信したJSONが
コード { "No1": { "Title": "震源・震度情報", ... }, "No2": { "Title": "震源・震度情報", ... } }
↑こんな形をしていて(読みやすいように加工してあります)
1段目がNo1、No2、No3...と続いていき、各"Title"部分のデータがほしいので
コード for(let i=0;i<listdata.length;i++){ const listItem = document.createElement('li'); listItem="<h3>"+data.[i].Title+"</h3>"; dataList.appendChild(listItem); }
こんな感じのfor文で取り出したいです
最悪、
data.[i].Title
の部分をどう変えればよいかだけでもいいのでお願いします!!
追加情報:
data変数にjsonデータが入っています
iはfor文を繰り返した回数です
発生している問題・分からないこと
data.[i].Titleをどう変えればfor文と変数の組み合わせで効率よくデータが取り出せるか
該当のソースコード
Javascript
1//上に貼ってあるのとほぼ同じです 2for(let i=0;i<listdata.length;i++){ 3 console.log() 4 const listItem = document.createElement('li'); 5 listItem.innerHTML = '<h3>'+data.i.Title+'</h3>'; 6 dataList.appendChild(listItem); 7 }
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
試したことdata.[i].Titleを色々変えてみる
1-1. data.[i]の中身
undefined
1-2.data.[i].Titleの中身
undefined
2.data.No1.Titleで直接指定
震源・震度情報
正しく取れた(けれどNo50まであるため作るのは難しい)
3.dataの中身
{ "Title": "震源・震度情報", "EventID": "20240609154154", "time": "2024/06/09 15:41", "time_full": "2024/06/09 15:41:54", "location": "沖縄本島近海", "magnitude": "3.9", "shindo": "2", "depth": "50km", "latitude": "26.7", "longitude": "127.8", "info": "この地震による津波の心配はありません。" }
補足
使っているもの
Visual Studio Code
- バージョン: 1.90.0
- コミット: 89de5a8d4d6205e5b11647eb6a74844ca23d2573
- 日付: 2024-06-04T19:38:26.167Z
- OS: Linux arm64 6.6.31+rpt-rpi-v8
→Liveserverという拡張機能を使い随時確認しながらプログラムを作成していました
Chromium
- 124.0.6367.73(Official Build)Built on Debian , running on Debian 12 (64 ビット)
![guest](/img/icon/icnUserSample.jpg)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2024/06/09 18:06