JavaScript オブジェクト
JavaScriptでは、オブジェクトが全てです。オブジェクトを理解すれば、JavaScriptも理解できます。
JavaScriptでは、ほぼ「全て」がオブジェクトです。
- ブール値はオブジェクトにすることができます(
newキーワードで定義されている場合）。 - 数値はオブジェクトにすることができます(
newキーワードで定義されている場合）。 - 文字列はオブジェクトにすることができます(
newキーワードで定義されている場合）。 - 日付は常にオブジェクトです。
- 数学は常にオブジェクトです。
- 正規表現は常にオブジェクトです。
- 配列は常にオブジェクトです。
- 関数は常にオブジェクトです。
- オブジェクトは常にオブジェクトです。
プリミティブを除くすべてのJavaScript値はオブジェクトです。
JavaScript プリミティブ
プリミティブ値は、プロパティやメソッドを持たない値です。
3.14はプリミティブな値です
プリミティブデータ型は、プリミティブ値を持つデータです。
JavaScriptでは、7 種類のプリミティブデータ型が定義されています。
例
stringnumberbooleannullundefinedsymbolbigint
不変
プリミティブ値は不変です(ハードコードされており、変更できません)。 x = 3.14の場合、xの値は変更できますが、3.14 の値は変更できません。| Value | Type | Comment |
|---|---|---|
| "Hello" | string | "Hello" is always "Hello" |
| 3.14 | number | 3.14 is always 3.14 |
| true | boolean | true is always true |
| false | boolean | false is always false |
| null | null(object) | null is always null |
| undefined | undefined | undefined is always undefined |
オブジェクトは変数です
JavaScript変数には、単一の値を含めることができます。
JavaScript変数には、多くの値を含めることもできます。
オブジェクトも変数です。ただし、オブジェクトには多くの値を含めることができます。
オブジェクトの値は、名前:値のペア(名前と値はコロンで区切られます)として書き込まれます。
JavaScriptのオブジェクトは名前付きの値のコレクションです。
constを使用してオブジェクトを宣言するのが一般的です。
オブジェクトのプロパティ
JavaScriptオブジェクトの名前付き値はプロパティと呼ばれます。
|
Property |
Value |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
名前と値のペアとして記述されたオブジェクトは、次のようになります。
- PHPの連想配列
- Pythonの辞書
- Cのハッシュテーブル
- Javaのハッシュマップ
- RubyとPerlのハッシュ
オブジェクトメソッド
メソッドは、オブジェクトに対して実行できるアクションです。
オブジェクトプロパティは、プリミティブ値、他のオブジェクト、および関数のいずれかです。
オブジェクトメソッドは、関数定義を含むオブジェクトプロパティです。
|
Property |
Value |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
| fullName | function(){return this.firstName + " " + this.lastName;} |
JavaScriptのオブジェクトは、プロパティおよびメソッドと呼ばれる名前付きの値のコンテナです。
メソッドについては、次の章で詳しく説明します。
JavaScriptオブジェクトの作成
JavaScriptを使用すると、独自のオブジェクトを定義および作成できます。
新しいオブジェクトを作成するには、さまざまな方法があります。
- オブジェクトリテラルを使用して、単一のオブジェクトを作成します。
newを使用して単一のオブジェクトを作成します。- オブジェクトコンストラクターを定義し、構築された型のオブジェクトを作成します。
Object.create()を使用してオブジェクトを作成します。
オブジェクトリテラルの使用
これは、JavaScriptオブジェクトを作成する最も簡単な方法です。
オブジェクトリテラルを使用すると、1つのステートメントでオブジェクトの定義と作成の両方を行うことができます。
オブジェクトリテラルは、中括弧{ }で囲まれた名前:値のペア(age:50など)のリストです。
次の例では、4つのプロパティを持つ新しいJavaScriptオブジェクトを作成します。
スペースと改行は重要ではありません。オブジェクト定義は複数行にまたがることができます:
この例では、空のJavaScriptオブジェクトを作成し、4 つのプロパティを追加します。
例
JavaScript newの使用
次の例では、new Object()を使用して新しいJavaScriptオブジェクトを作成し、4つのプロパティを追加します。
例
上記の例は、全く同じことを行います。
ただし、new Object()を使用する必要はありません。
読みやすさ、単純さ、および実行速度のために、オブジェクトリテラルメソッドを使用します。
JavaScriptオブジェクトは変更可能です
オブジェクトは変更可能です。オブジェクトは値ではなく参照によってアドレス指定されます。
personがオブジェクトの場合、次のステートメントはpersonのコピーを作成しません。
オブジェクトxは人のコピーではありません。それは人です。xとpersonはどちらも同じオブジェクトです。
xとpersonは同じオブジェクトであるため、xを変更するとpersonも変更されます。