JavascriptでネストしているJSONオブジェクトからfor文+変数でデータを取り出す方法が知りたいです！！

Question

実現したいこと

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文と変数の組み合わせで効率よくデータが取り出せるか

該当のソースコード

//上に貼ってあるのとほぼ同じです    
for(let i=0;i<listdata.length;i++){
        console.log()
        const listItem = document.createElement('li');
        listItem.innerHTML = '<h3>'+data.i.Title+'</h3>';
        dataList.appendChild(listItem);
    }

試したこと・調べたこと

• 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 ビット）

Answer 1

まずは、オブジェクトデータを配列的に扱えるようにしましょう。
こういった、forを使ったりして扱うデータの形式の、代表格は、配列と呼ばれます。
対して、オブジェクト型という形式も存在しますが、
今回の、JSONによって取得したデータは、オブジェクト型のため、
そのままでは、forで扱うことができません。
よってオブジェクトを配列っぽく扱えるようにしなくてはなりません。
JavaScript オブジェクト 配列として扱うなどと検索すればいろいろと方法がでてきます。

以上を踏まえて、下記のようにします。

const data = hoge; // APIから取得したJSON文字列をオブジェクトに変換したデータを格納

// オブジェクトを直接配列的に扱うメソッドを使う
for (const [key, obj] of Object.entries(data)) {
  console.log(`${key}: ${obj.Title}`); // objに、Titleなどが格納されたオブジェクトが格納されているため、obj.Titleで、タイトル文字列が取得できる
  // また、他の要素も、obj.EventIDなどで取得できる
}

Comments

[koppesan]

ありがとうございます！！！...こんな夜遅くなのに...
そして丁寧な回答...助かります！
配列として扱おうとしたら、No1~No50だけが配列に入ってしまったことがあって諦めてました...
無事プログラムが動くようになりました
初めての質問でしたが丁寧に答えてくださってありがとうございました！
ベストアンサーにさせていただきます！