この記事は90%～100％ChatGPTで作られています。
この記事は90%～100％ChatGPTで作られています。
この記事は90%～100％ChatGPTで作られています。
ぜひこちらの記事もご覧ください！！
転職回数4回（独立系⇒メーカー系⇒社内SE⇒SES）の私がSESのメリットについて書きました！
「JavaScriptオブジェクトの値の取得」をわかりやすく学ぼう！
JavaScriptオブジェクトとは？
まず、JavaScriptのオブジェクトについて理解しましょう。
JavaScriptのオブジェクトは、名前（キー）と値をペアで持つデータ構造です。
JavaScriptオブジェクトの値の取得方法
それでは、JavaScriptオブジェクトの値の取得方法を見ていきましょう。最も基本的な方法は、ドット記法とブラケット記法です。
ドット記法
ドット記法は、オブジェクトの後にドット（.）を書き、その後にキー名を書くことで、そのキーの値を取得できます。
以下にソースコードの例を示します。
ソースコード例
|
1 2 3 4 5 |
let user = { name: "John", age: 30 }; console.log(user.name); // "John" |
出力結果
John
ブラケット記法
次にブラケット記法について見てみましょう。ブラケット記法は、オブジェクトの後に[]を書き、その中にキー名を書くことで、そのキーの値を取得できます。
以下にソースコードの例を示します。
ソースコード例
|
1 2 3 4 5 |
let user = { name: "John", age: 30 }; console.log(user["age"]); // 30 |
出力結果
30
ブラケット記法の特長
ブラケット記法の特長は、変数を使って値を取得できる点です。これにより、動的なキー名で値を取得することが可能になります。
以下にソースコードの例を示します。
ソースコード例
|
1 2 |
let key = "name"; console.log(user[key]); // "John" |
出力結果
John
JavaScriptオブジェクトの中のオブジェクトから値を取得する
JavaScriptのオブジェクトの中には、別のオブジェクトが入ることもあります。そのような場合でも、ドット記法やブラケット記法を用いて値を取得できます。
以下にソースコードの例を示します。
ソースコード例
|
1 2 3 4 5 6 7 8 9 |
let user = { name: "John", age: 30, address: { country: "Japan", city: "Tokyo" } }; console.log(user.address.country); // "Japan" |
出力結果
Japan
まとめ
この記事では、JavaScriptのオブジェクトから値を取得する基本的な方法について学びました。ドット記法とブラケット記法により、オブジェクトのキーに対応する値を簡単に取得できることがわかりました。
また、ブラケット記法は変数を使用することが可能で、動的なキー名での値の取得に対応しています。
最後に、オブジェクトの中に入っているオブジェクトからも値を取得できることを学びました。
最後まで読んで頂き、ありがとうございました。少しでもお役にたてたなら幸いです！
ポイント
JavaScriptのオブジェクトから値を取得する基本的な方法はドット記法とブラケット記法です。これらを理解しておくと、JavaScriptのオブジェクトを効率的に利用できます。
ぜひこちらの記事もご覧ください！！
転職回数4回（独立系⇒メーカー系⇒社内SE⇒SES）の私がSESのメリットについて書きました！
私は下記のサイトで現在の働き方、フルリモート（週5）の企業に出会うことができました。
今でもとても感謝しています！カウンセリングは無料なので、ぜひどうぞ！
この記事は90%～100％ChatGPTで作られています。
この記事は90%～100％ChatGPTで作られています。
この記事は90%～100％ChatGPTで作られています。
