このガイドは、次の内容を提供します。
- JavaScript で JSON オブジェクトの配列を使用する方法
- 例 1: JSON オブジェクトの配列の作成
- 例 2: JSON オブジェクトの配列へのアクセス
- 例 3: JSON オブジェクトの配列を追加または削除する
JavaScript で JSON オブジェクトの配列を使用するには?
JSON オブジェクトは、基本的に JavaScript ベースのオブジェクトです。これらのオブジェクトを使用して、配列のプロパティにアクセスできます。アクセス後、ユーザーは既存の配列のプロパティを追加、削除、または変更できます。さらに、JSON 文字列を JSON オブジェクトの配列に変換するために stringify() メソッドが使用されます。このように、push() および pop() メソッドを使用して配列を操作します。
例 1: JavaScript で JSON オブジェクトの配列を作成する
JavaScript を使用して JSON オブジェクトの配列を作成する例を考えます。たとえば、以下にコードを示します。
コード
定数 先生 = {
'名前' : 「ハリー」 、 '主題' : '英語' 、
'年' : 「35」
} ;
コンソール。 ログ ( 先生 ) ;
このコードでは、配列「 先生 」は、「 名前 」、「 主題 '、 と ' 年 」。
その後、「 ハリー 」、「 英語 '、 と ' 35 」が上記のプロパティに割り当てられます。最後に、配列「 先生 」を採用することで console.log() 方法。
出力
出力には「 先生 」 コンソール ウィンドウ内の JSON オブジェクトの配列。
例 2: JavaScript での JSON オブジェクトの配列へのアクセス
JavaScriptで配列要素のプロパティにアクセスする例が考えられます。
コード
コンソール。 ログ ( 「JSON オブジェクトで配列を使用する例」 ) ;定数 先生 = {
'名前' : 「ハリー」 、 '主題' : '英語' 、
'年' : 「35」
} ;
定数 objArr = 先生 => {
定数 到着 = [ ] ;
定数 キー = 物体 . キー ( 先生 ) ;
為に ( ×をさせて = 0 ; バツ < キー。 長さ ; バツ ++ ) {
到着 押す ( 先生 [ キー [ バツ ] ] ) ;
} ;
戻る 到着 ;
} ;
コンソール。 ログ ( objArr ( 先生 ) ) ;
コードの説明:
- 配列「 先生 」は、「」を定義することによって初期化されます 名前 」、「 主題 '、 と ' 年 ' プロパティ。
- これらのプロパティには、「 ハリー 」、「 英語 '、 と ' 35 」。
- その後、 JSON 物体 ' objArr 」を使用して、要素のプロパティにアクセスし、新しい配列を返します。
- 「の中に objArr 」を使用してプロパティ値を挿入する for ループが使用されます。 押す（） 方法。
- すべてのプロパティ値が「 到着 ' 配列。
- 結局、 objArr(先生) プロパティ値を表示するために使用されます。
出力
出力には、JavaScript でプロパティを割り当てることにより、「Harry」、「English」、および「35」という異なる値が表示されます。
例 3: JavaScript で JSON オブジェクトの配列を追加または削除する
例は、JavaScript で JSON オブジェクトを使用して要素の配列を追加および削除するように適合されています。
コード
コンソール。 ログ ( 「JSON オブジェクトで配列を使用する例」 ) ;だった arrObj = [ { 'フルーツ' : 'アップル' } 、 { 'フルーツ' : 'バナナ' } ] ;
コンソール。 ログ ( JSON。 文字列化 ( arrObj ) ) ;
arrObj。 押す ( { 'フルーツ' : 'オレンジ' } ) ;
コンソール。 ログ ( JSON。 文字列化 ( arrObj ) ) ;
arrObj。 ポップ ( ) ;
コンソール。 ログ ( JSON。 文字列化 ( arrObj ) ) ;
コードの説明は次のとおりです。
- JSON オブジェクトの配列 ' arrObj 」は、2 つのフルーツ プロパティで初期化されます。
- その後、 JSON.stringify() メソッドは、JavaScript 値を JSON 文字列に変換するために使用されます。
- の arrObj.push() メソッドは、「」の値を渡すことによって要素を挿入します フルーツ 」：「 オレンジ 」を配列に入れます。
- その後、 arrObj.pop() メソッドは、最近入力された要素を配列から削除します。
- 最後に、JSON オブジェクトの配列を表示します。 arrObj 」を採用することで console.log() 方法。
出力
出力は、配列要素を追加および削除することによる上記のコードの実行を示しています “ フルーツ 」：「 オレンジ 」 JSON オブジェクトを介して。
結論
記事上で、 JSON オブジェクト 配列の要素にアクセスして変更するために使用されます JavaScript。
このために、2 つの実用的な例を含む概要が提供されます。最初の例では、JSON オブジェクトが配列のプロパティにアクセスし、それらをコンソールに表示しました。 2 番目の例では、組み込みメソッド、 文字列化() 、配列内のプロパティの追加と削除に使用されます。この記事に基づいて、ユーザーは JSON オブジェクトを使用して配列のプロパティを追加、削除、または変更できます。