LVLPATH

日本最強無料プログラミングスクール

PATHSERVICEHANDS ONMANZI
JavaScript Object

JavaScript基礎文法: Object

✅ Objectとは?

JavaScript の Object は、キーと値のペア(key-value)を保持するデータ構造です。

他の言語でいう「連想配列」や「辞書(Dictionary)」に相当します。

JavaScriptでは、連想配列と呼ぶことも多いです。

✅ 基本構文

const obj = {
  key1: value1,
  key2: value2,
};
  • キーは文字列(またはシンボル)で、値は任意のデータ型
  • ドット記法 (obj.key1) またはブラケット記法 (obj["key1"]) でアクセス

✅ Objectの特徴

  • キーと値のペアで情報を持てる
  • キーは文字列(またはSymbol)として扱われる
  • 配列のような順序はなく、目的に応じて情報を整理して保持するのに便利
  • 値の追加・変更・削除が可能

✅ 練習

実際にコードを書いて挙動を確認してみましょう。

オブジェクトの作成・アクセス

const user = {
  name: "Taro",
  age: 30,
  isAdmin: true
};

console.log(user.name);     // "Taro"
console.log(user["age"]);   // 30

値の追加・更新・削除

const user = {
  name: "Hanako"
};

user.age = 25; // 追加
user.name = "Yuka"; // 更新
delete user.name; // 削除

console.log(user); // { age: 25 }

キーに変数を使う(ブラケット記法)

const key = "score";

const result = {
  [key]: 100
};

console.log(result.score); // 100

for...in でループ処理

const person = {
  name: "Jiro",
  age: 28,
  job: "engineer"
};

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}
// name: Jiro
// age: 28
// job: engineer

Object.keys / Object.values / Object.entries

const obj = {
  a: 1,
  b: 2,
  c: 3
};

console.log(Object.keys(obj));   // ["a", "b", "c"]
console.log(Object.values(obj)); // [1, 2, 3]
console.log(Object.entries(obj)); // [["a",1],["b",2],["c",3]]

✅ 練習のコツ

  • ドット記法とブラケット記法の違いを両方試してみましょう
  • 値の追加・更新・削除を繰り返して、Object の柔軟性を体感しましょう
  • for...in や Object.keys() などのループ系も使ってみると理解が深まります

✅ まとめ(Object)

  • Object はキーと値で情報を管理できる便利なデータ構造
  • ドット記法とブラケット記法でアクセス・操作可能
  • for...in や Object.keys/values/entries でループ処理にも対応
  • 配列とは異なり、順番よりも意味のある「名前付きデータ」の管理に向いている
お問い合わせ