JavaScriptのオブジェクトとは？基礎からわかりやすく解説

2026.03.03

JavaScript

JavaScriptにおいて「オブジェクト」は、もっとも重要な概念のひとつです。配列や関数も含め、JavaScriptの多くの仕組みはオブジェクトを土台に成り立っています。

本記事では、JavaScriptのオブジェクトについて、基礎から体系的に解説します。プロパティやメソッドの仕組み、作成方法、使いどころまでを整理し、理解を確実なものにします。

オブジェクトとは何か

データをまとめる「入れ物」

オブジェクトとは、複数のデータをひとつにまとめて管理できる仕組みです。

たとえば「ユーザー情報」を扱う場合、次のようなデータが存在します。

名前
年齢
メールアドレス

これらをバラバラの変数として管理することも可能ですが、関連する情報をひとつにまとめた方が整理しやすくなります。そのために使われるのがオブジェクトです。

const user = {
  name: "Taro",
  age: 25,
  email: "taro@example.com"
};

このように、関連する情報を「キー」と「値」の組み合わせでまとめたものがオブジェクトです。

オブジェクトの基本構造

プロパティとは

オブジェクトの中にあるデータを「プロパティ」と呼びます。

const book = {
  title: "JavaScript入門",
  price: 3000
};

この場合：

title → プロパティ名（キー）
"JavaScript入門" → 値
price → プロパティ名
3000 → 値

という構造になっています。

値にはさまざまな型を入れられる

プロパティの値には、さまざまなデータ型を設定できます。

文字列
数値
真偽値
配列
別のオブジェクト
関数

JavaScriptのデータ型については、以下の記事で詳しく解説しています。

オブジェクトの作り方

① オブジェクトリテラル（もっとも基本）

もっともよく使われる方法が「オブジェクトリテラル」です。

const person = {
  name: "Hanako",
  age: 30
};

波かっこ {} を使って作成します。

② new Object() を使う方法

const person = new Object();
person.name = "Hanako";
person.age = 30;

動作は同じですが、現在ではオブジェクトリテラルの方が一般的です。

プロパティへのアクセス方法

ドット記法

もっともよく使われる方法です。

console.log(person.name);

ブラケット記法

console.log(person["name"]);

ブラケット記法は、変数を使う場合に便利です。

const key = "age";
console.log(person[key]);

プロパティの追加・変更・削除

追加

person.gender = "female";

変更

person.age = 31;

削除

delete person.gender;

オブジェクトは「後から自由に変更できる」という特徴があります。

メソッドとは

関数を持つことができる

オブジェクトの値として「関数」を設定できます。この関数を「メソッド」と呼びます。

const user = {
  name: "Taro",
  greet: function() {
    console.log("こんにちは");
  }
};

user.greet();

メソッドの短縮記法

const user = {
  name: "Taro",
  greet() {
    console.log("こんにちは");
  }
};

現在はこちらの書き方が一般的です。

オブジェクトと配列の違い

配列もオブジェクトの一種ですが、役割が異なります。

配列 → 順番のあるデータを管理
オブジェクト → 名前付きのデータを管理

たとえば：

// 配列
const fruits = ["apple", "banana"];

// オブジェクト
const user = {
  name: "Taro",
  age: 25
};

使い分けが重要です。

配列の基礎については、以下の記事も参考になります。

👉 関連記事：
「JavaScriptの配列とは？基礎から徹底解説」

オブジェクトはなぜ重要なのか

JavaScriptでは、多くのものがオブジェクトとして扱われます。

配列
関数
DOM要素
日付オブジェクト

Web制作においても、API通信やデータ管理では必ずオブジェクトを扱います。

JavaScript全体の構造理解については、次の記事も参考になります。

👉 関連記事：
「JavaScriptの役割と構造をやさしく解説」

まとめ

JavaScriptのオブジェクトは、関連するデータをひとまとめに管理できる仕組みです。

重要なポイントは次の通りです。

オブジェクトはキーと値の集合
値にはあらゆるデータ型を設定できる
プロパティは追加・変更・削除が可能
関数を持つとメソッドになる
配列とは用途が異なる

オブジェクトの理解は、JavaScript学習の土台です。基礎を確実に身につけることで、より高度な概念（クラス・プロトタイプ・API通信など）も理解しやすくなります。

基礎を横断的に理解することで、JavaScriptの全体像がより明確になります。