30秒で読める｜JavaScriptのオブジェクトデータ型とは何か

JavaScriptのオブジェクトデータ型とは

オブジェクトデータ型とは、キーと値のペアを格納するためのデータ構造を指す。

関数とデータを保持しておくコンテナのようなものだ。

オブジェクトは、プロパティ（キー）とその値を持つことで、さまざまなデータ型を格納できる。

…と言ってもいまいち掴めないので例をひとつ。

オブジェクトの例

このように記述するものがオブジェクトデータ型だ。

const person = {
  name: "太郎", // nameというプロパティに"太郎"という値を設定
  age: 30,     // ageというプロパティに30という値を設定
  job: "エンジニア" // jobというプロパティに"エンジニア"という値を設定
};

オブジェクトは、中括弧 {} を使って作成する。

プロパティへのアクセス

もちろん、オブジェクト内の値を取り出すこともできる。

それにはまず、プロパティ（キー）にアクセスことが必要で、そのためにはドット記法もしくはブラケット記法を使用する。

// ドット記法を使ってプロパティにアクセス
console.log(person.name); // "太郎"と表示

// ブラケット記法を使ってプロパティにアクセス
console.log(person["age"]); // 30と表示

プロパティの追加と変更

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

// 新しいプロパティを追加
person.gender = "男性";

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

console.log(person); // { name: '太郎', age: 31, job: 'エンジニア', gender: '男性' }
Copy

プロパティの削除

プロパティを削除することができる。
削除する場合は、delete演算子を使う。

// jobプロパティを削除
delete person.job;

console.log(person); // { name: '太郎', age: 31, gender: '男性' }
Copy

まとめ

オブジェクトデータ型は、JavaScriptでデータを構造化し、複雑なデータを整理しやすくする手段の一つである。