1. 導入:なぜオブジェクトが必要なのか?
プログラミングをしていると、「ユーザーの名前」「年齢」「住所」といった、複数の関連する情報をまとめて扱いたい場面が必ず出てきます。変数を一つずつ作ると管理が大変になりますよね。そこで役立つのが「オブジェクト」です。オブジェクトを使えば、関連するデータを一つの箱にまとめられ、コードが圧倒的に整理しやすくなります。
2. 基礎知識:オブジェクトとは何か
JavaScriptにおけるオブジェクトとは、「名前(キー)」と「値」のペアを格納するデータ構造です。現実世界のモノ(例えば「本」や「車」)を、プログラミング上で表現するために使われます。
・キー(Key):データの名前
・値(Value):データそのもの
これらをコロン(:)で繋ぎ、カンマ(,)で区切ることで、一つの塊として扱います。
3. 実装/解決策:オブジェクトの作り方と使い方
オブジェクトを作成するには、波括弧 { } を使います。作成したオブジェクトの中身を取り出すには「ドット記法(.)」を使うのが一般的です。
4. サンプルプログラム
以下のコードをコピーして、ブラウザのコンソールやNode.js環境で実行してみてください。
// ユーザー情報をオブジェクトとして定義
const user = {
name: "山田太郎", // 名前というキーに値を設定
age: 25, // 年齢というキーに値を設定
isStudent: false // 真偽値を設定
};
// 1. オブジェクト全体を表示
console.log("ユーザー情報:", user);
// 2. ドット記法で個別の値を取り出す
console.log("名前は:", user.name);
console.log("年齢は:", user.age);
// 3. 値の更新
user.age = 26;
console.log("更新後の年齢:", user.age);
// 4. 新しいプロパティの追加
user.job = "エンジニア";
console.log("職業が追加されました:", user.job);
5. 応用・注意点:現場で役立つポイント
初心者が陥りやすいポイントとして、「変数の参照」と「プロパティの存在確認」があります。
・存在しないプロパティへのアクセス:
存在しないキーにアクセスしてもエラーにはならず「undefined」が返されます。これを利用して、「もしデータが存在したら処理する」といった条件分岐をよく書きます。
・constで宣言しても中身は変えられる:
上記の例で `const` を使っていますが、これは「オブジェクトの箱自体」を別のものに変えられないだけで、箱の中身(プロパティ)を書き換えることは自由にできます。
まずは「関連するデータを一つの変数にまとめる」という感覚を掴むところから始めてみてください。これに慣れると、APIから取得した複雑なデータも簡単に扱えるようになりますよ!