この記事は90%～100％ChatGPTで作られています。
この記事は90%～100％ChatGPTで作られています。
この記事は90%～100％ChatGPTで作られています。
ぜひこちらの記事もご覧ください！！
転職回数4回（独立系⇒メーカー系⇒社内SE⇒SES）の私がSESのメリットについて書きました！
JavaScriptで配列にオブジェクトを格納する方法
はじめに
JavaScriptにおける配列の利用は、データを効率的に扱うための重要な技術です。特に、配列にオブジェクトを格納することで、データの構造を柔軟に扱うことができます。
本記事では、JavaScriptで配列にオブジェクトを格納する方法について詳しく解説します。具体的なソースコード例とともに、初心者でも理解しやすいように説明していきます。
基本的なオブジェクトの格納方法
まずは基本的なオブジェクトの配列への格納方法から始めましょう。以下のソースコード例をご覧ください。
ソースコード例
|
1 2 3 4 |
let array = []; let obj = { name: 'Alice', age: 20 }; array.push(obj); console.log(array); |
このソースコードでは、まず空の配列を作成しています。次に、名前と年齢をプロパティに持つオブジェクトを作成し、そのオブジェクトを配列に追加しています。
出力結果
[ { name: 'Alice', age: 20 } ]
配列に複数のオブジェクトを格納する方法
次に、配列に複数のオブジェクトを格納する方法を見てみましょう。
ソースコード例
|
1 2 3 4 5 |
let array = []; let obj1 = { name: 'Alice', age: 20 }; let obj2 = {name: 'Bob', age: 25 }; array.push(obj1, obj2); console.log(array); |
このソースコードでは、2つのオブジェクトを作成し、それらを一度に配列に追加しています。
出力結果
[ { name: 'Alice', age: 20 }, { name: 'Bob', age: 25 } ]
オブジェクトを含む配列の操作
配列に格納したオブジェクトを活用する方法を見てみましょう。ここでは、配列内のオブジェクトのプロパティにアクセスし、その値を表示します。
ソースコード例
|
1 2 3 4 5 6 |
let array = [ { name: 'Alice', age: 20 }, { name: 'Bob', age: 25 }, ]; console.log(array[0].name); console.log(array[1].age); |
このソースコードでは、配列の0番目のオブジェクトのnameプロパティと、1番目のオブジェクトのageプロパティにアクセスしています。
出力結果
Alice
25
まとめ
以上、JavaScriptで配列にオブジェクトを格納する方法について説明しました。配列とオブジェクトを組み合わせることで、JavaScriptでのデータの扱いが一段と柔軟になります。是非ともこの技術を身につけて、JavaScriptプログラミングの幅を広げてください。
最後まで読んで頂き、ありがとうございました。少しでもお役にたてたなら幸いです！
ぜひこちらの記事もご覧ください！！
転職回数4回（独立系⇒メーカー系⇒社内SE⇒SES）の私がSESのメリットについて書きました！
私は下記のサイトで現在の働き方、フルリモート（週5）の企業に出会うことができました。
今でもとても感謝しています！カウンセリングは無料なので、ぜひどうぞ！
この記事は90%～100％ChatGPTで作られています。
この記事は90%～100％ChatGPTで作られています。
この記事は90%～100％ChatGPTで作られています。
