MENU
  1. ホーム
  2. JavaScript
  3. Javascript応用
  4. 【JavaScript】Objectクラスとは？

【JavaScript】Objectクラスとは？

Javascript応用
目次

JavaScriptのObjectクラス: 基本と機能

JavaScriptにおけるObjectクラスは、非常に重要な役割を果たします。ほぼすべてのJavaScriptのオブジェクトは、Objectクラスのインスタンスであり、そのプロトタイプチェーンのルートとなります。この記事では、JavaScriptのObjectクラスの基本的な機能と使用法について解説します。

Objectクラスの生成

JavaScriptでは、オブジェクトは中括弧 {} を使用して生成します。以下は、空のオブジェクトを生成する例です。

let obj = {};

また、Objectクラスはコンストラクタ関数としても使用できます。

let obj = new Object();

プロパティの追加と参照

JavaScriptのオブジェクトは、名前と値のペアとしてプロパティを持ちます。プロパティは、ドット表記またはブラケット表記を使用して追加および参照できます。

let obj = {};
obj.name = "John"; // ドット表記
obj["age"] = 30; // ブラケット表記

console.log(obj.name); // 出力: John
console.log(obj["age"]); // 出力: 30

プロパティの削除

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

delete obj.name;
console.log(obj.name); // 出力: undefined

オブジェクトのプロパティの取得

オブジェクトのプロパティを列挙するには、for...inループを使用します。

for (let key in obj) {
  console.log(key + ": " + obj[key]);
}

Objectクラスのメソッド

Objectクラスは、便利なメソッドを多数提供しています。

  • Object.keys(obj): オブジェクトの全てのキーを配列として返します。
  • Object.values(obj): オブジェクトの全ての値を配列として返します。
  • Object.entries(obj): オブジェクトの全てのキーと値のペアを配列として返します。
let obj = { name: "John", age: 30 };
console.log(Object.keys(obj)); // 出力: ["name", "age"]
console.log(Object.values(obj)); // 出力: ["John", 30]
console.log(Object.entries(obj)); // 出力: [["name", "John"], ["age", 30]]

オブジェクトのクローニング

オブジェクトをクローンするには、Object.assign()メソッドを使用します。

let obj1 = { a: 1, b: 2 };
let obj2 = Object.assign({}, obj1);

console.log(obj2); // 出力: { a: 1, b: 2 }

まとめ

JavaScriptのObjectクラスは、オブジェクト指向プログラミングにおいて非常に重要です。この記事では、Objectクラスの基本的な機能と使用法について解説しました。オブジェクトの作成、プロパティの追加や削除、メソッドの利用など、これらの機能を理解することで、より効果的なJavaScriptプログラミングが可能になります。

Javascript応用
目次