オブジェクトリテラル | オブジェクト型と配列型 | JavaScript 超完全入門 基本から発展までのすべて

スポンサーリンク
スポンサーリンク

オブジェクトリテラルとは？

オブジェクトリテラルとは、JavaScriptでオブジェクトを簡単に作成するための構文です。オブジェクトはキーと値のペアでデータを表現する構造で、さまざまなデータをまとめて管理できます。オブジェクトリテラルは、波括弧（{}）で囲まれた中にキーと値のペアを記述する形式です。

オブジェクトリテラルの基本構文

オブジェクトリテラルの基本構文は以下のように書きます。

let person = {
    name: "John",
    age: 30,
    isStudent: false
};

この例では、personというオブジェクトにname（名前）、age（年齢）、isStudent（学生であるかどうか）の3つのプロパティが定義されています。各プロパティはキー（名前）と値のペアで表されます。

プロパティのアクセス

オブジェクトのプロパティにアクセスするには、次の2つの方法があります。

  • ドット記法: オブジェクト名.プロパティ名
  • ブラケット記法: オブジェクト名["プロパティ名"]
let person = {
    name: "John",
    age: 30,
    isStudent: false
};

// ドット記法
console.log(person.name); // "John"

// ブラケット記法
console.log(person["age"]); // 30

この例では、ドット記法とブラケット記法の両方でpersonオブジェクトのプロパティにアクセスしています。

プロパティの追加・更新

オブジェクトにプロパティを追加したり、既存のプロパティの値を更新することも簡単にできます。

let person = {
    name: "John",
    age: 30
};

// 新しいプロパティの追加
person.isStudent = true;

// 既存のプロパティの更新
person.age = 31;

console.log(person); // { name: "John", age: 31, isStudent: true }

この例では、新しいプロパティisStudentを追加し、ageの値を更新しています。

プロパティの削除

オブジェクトからプロパティを削除するには、delete演算子を使用します。

let person = {
    name: "John",
    age: 30,
    isStudent: true
};

// プロパティの削除
delete person.isStudent;

console.log(person); // { name: "John", age: 30 }

この例では、isStudentプロパティが削除されています。

オブジェクトリテラルの基本操作の比較

オブジェクトリテラルに関する基本的な操作方法をまとめた表を以下に示します。

操作 説明 使用例
プロパティのアクセス オブジェクトのプロパティにアクセスする object.property
object["property"]
プロパティの追加・更新 オブジェクトに新しいプロパティを追加する、または既存のプロパティの値を更新する object.property = value
プロパティの削除 オブジェクトのプロパティを削除する delete object.property

プログラムの解説

<script>
// オブジェクトリテラルの作成
let person = {
    name: "John",
    age: 30,
    isStudent: false
};

// プロパティのアクセス
console.log(person.name); // "John"
console.log(person["age"]); // 30

// プロパティの追加
person.isEmployed = true;
console.log(person.isEmployed); // true

// プロパティの削除
delete person.isStudent;
console.log(person); // { name: "John", age: 30, isEmployed: true }
</script>

このコードでは、オブジェクトリテラルの作成から、プロパティのアクセス、追加、削除などの基本操作を実演しています。

まとめ

オブジェクトリテラルは、JavaScriptで複数のデータを管理するための便利な構文です。プロパティの追加、更新、削除などを簡単に行うことができ、柔軟にデータを操作できます。JavaScriptでオブジェクトを扱う際には、このオブジェクトリテラルの使い方を理解しておくことが重要です。

スポンサーリンク