ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で JSON 配列を反復処理する方法

JavaScript で JSON 配列を反復処理する方法

Mary-Kate Olsen
リリース: 2024-11-27 20:28:14
オリジナル
538 人が閲覧しました

How to Iterate Through a JSON Array in JavaScript?

JavaScript での JSON 構造の反復

この記事では、JavaScript で JSON 構造を反復するための実用的なソリューションを提供し、特定の課題に対処します質問:

質問:

JavaScript で次の JSON 構造を反復するにはどうすればよいですか?

[{ "id": "10", "class": "child-of-9" }, { "id": "11", "classd": "child-of-10" }]
ログイン後にコピー

回答:

提供された JSON 構造は配列形式です。これを反復処理するには、次の手順に従います。

  1. 配列オブジェクトを作成します。
var arr = [
    {"id":"10", "class": "child-of-9"},
    {"id":"11", "class": "child-of-10"}
];
ログイン後にコピー
  1. For を使用します。ループして反復処理する配列:
for (var i = 0; i < arr.length; i++) {
ログイン後にコピー
  1. ループ内の現在のオブジェクトへのアクセス:
var obj = arr[i];
ログイン後にコピー
  1. 別の for ループを使用してオブジェクトを反復処理するプロパティ:
for (var key in obj) {
ログイン後にコピー
  1. プロパティ値の抽出と表示:
var value = obj[key];
document.write("<br><br>array index: " + i);
document.write("<br> - " + key + ": " + value);
ログイン後にコピー

このコード スニペットは反復されますJSON 配列内の各オブジェクトを編集し、そのプロパティと値をドキュメント内に表示します。

以上がJavaScript で JSON 配列を反復処理する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート