このガイドでは、JavaScript を使用して JSON 配列のループを反復する方法について説明します。
JavaScript を使用して JSON 配列をループする方法
” JSON配列 」値にはループ経由でアクセスできます。 JSON (JavaScript Object Notation) のインループ化は、データを配列形式で転送するための最良の手法と考えられています。これは、必要なデータをある場所から別の場所に保存および転送するための軽量形式であるためです。
このセクションでは、一般的に使用される「」を使用します。 ために ” ループを使用して、JavaScript を使用して JSON 配列を反復します。
構文 (JSON 配列)
配列 - 名前 = [ 値1 、 値2 、 …… 値N ]
ここで、「value1」、「value2」、および「valueN」は、反復する必要がある値を指します。
実際にJavaScriptで「JSON」配列によるループを実行してみましょう。
HTMLコード
次の HTML コードを見てみましょう。
< h2 > JSON配列をループする < / h2 >< p > JSON 配列には、コンマで区切られた 0 個、1 個、または複数の順序付けされた要素が含まれます。 < / p >
< p ID = 'サンプル' >< / p >
上記のコード行では次のようになります。
- ” タグは小見出しを定義します。
- ” ” タグは段落ステートメントを作成します。
- 最後に、「
」タグは、ID「」を持つ空の段落を定義します。 サンプル 」を使用して、JSON 配列の値を表示します。
JavaScript コード
次に、以下のコードに進みます。
< 脚本 >定数 JSON配列 = '{'名前':'ジョンソン', '年齢':35, '車':['BMW', 'ホンダ', 'カローラ']}' ;
定数 オブジェクト = JSON。 解析する ( JSON配列 ) ;
テキストを入れてみましょう = 「」 ;
ために ( させてください = 0 ; k < 観察 車 。 長さ ; k ++ ) {
文章 += 観察 車 [ k 】 + '、' ;
}
書類。 getElementById ( 'サンプル' ) 。 内部HTML = 文章 ;
脚本 >
このコード ブロックでは次のようになります。
- 「」という名前の JSON 配列を定義します。 JSON配列 ' とともに ' 定数 」値の順序付きリストを持つキーワード。
- ” オブジェクト ” オブジェクトは” を利用します 解析() 」メソッドを使用して、指定された JSON 配列テキストを JavaScript オブジェクトに変換します。
- その後、「 文章 ” 変数には空の値が格納されます。
- 次に、「」を適用します。 ために ” のプロパティを反復するループ オブジェクト 」を、含まれている JSON 配列とキー「car」に対して連結します。
- また、「」を関連付けます。 長さ 」プロパティを使用してループをインクリメントし、反復を適切に実行します。
- 最後に「」を適用します。 getElementById() 」メソッドを使用して、その ID「sample」を使用して追加された空の段落にアクセスします。 「」を通じてJSON配列値が表示されます。 内部HTML ' 財産。
出力
出力には、「for」ループを使用して追加された JSON 配列のすべての値が表示されます。
結論
「 JSON配列 」は、「」の助けを借りて JavaScript を使用して簡単に反復できます。 ために 』のループ。これは一般的なプロセスであり、Web 開発でデータベースまたは API から JSON 形式のデータを取得するために一般的に使用されます。このガイドでは、JavaScript を使用して JSON 配列をループする簡単な説明を説明しました。