英語版： https://www.javascripttutorial.net/javascript-objects/

JavaScriptでは、オブジェクトはプロパティのコレクションであり、各プロパティはペア構文として定義されていますchave : valor。Achaveは文字列にvalorすることができ、任意の情報を与えることができます。

オブジェクトを作成するには、リテラルオブジェクト構文を使用します。たとえば、次の例では空のオブジェクトを作成します。

プロパティを持つオブジェクトを作成するには、構文を使用しますchave : valor。たとえば、personプロパティfirstNameとを使用してオブジェクトを作成するlastNameには、次のようにします。

オブジェクトにpersonは2つのプロパティがあります。

• キーによって識別さfirstNameれvalor、文字列として持つ最初のプロパティ'John'。
• キーによって識別さlastNameれvalor、文字列として持つ2番目のプロパティ'Doe'。

オブジェクトプロパティにアクセスするには、次の2つの表記（構文）のいずれかを使用します。

• ドット表記。
• 配列表記。

次の例は、ドット表記を使用してオブジェクトのプロパティにアクセスする方法を示しています。

たとえば、firstNameオブジェクトのプロパティにアクセスするpersonには、次の式を使用します。

次のスニペットはオブジェクトpersonを作成し、コンソールに姓名を表示します。

配列注釈[]

次に、配列表記のように、角括弧を使用してオブジェクトのプロパティ値にアクセスする方法を示します。

例えば：

プロパティ名にスペースが含まれている場合は、次のように引用符で囲む必要があります。

アクセス'building no'するには、配列表記を使用する必要があります（引用符と角括弧を使用）。

ドット表記を使用すると、エラーが生成されます。

存在しないプロパティを読み取ろうとすると、1つになりundefinedます。例えば：

結果：

プロパティの値を変更する

プロパティの値を変更するには、割り当て演算子を使用します。例えば：

結果：

オブジェクトに新しいプロパティを追加します

Java C＃などの他のプログラミング言語のオブジェクトとは異なり、オブジェクトの作成後にプロパティをオブジェクトに追加できます。

次のステートメントは、プロパティageをオブジェクトに追加してperson割り当て25ます。

オブジェクトからプロパティを削除する

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

次の例ではage、オブジェクトの所有権を削除しますperson。

プロパティが存在するかどうかを確認します

プロパティがオブジェクトに存在するかどうかを確認するには、次の演算子を使用しますin。

次の例では、オブジェクトemployeeを作成し、演算子inを使用して、プロパティssnとプロパティemployeeIdがオブジェクトに存在するかどうかを確認します。

結果：

for…inloopを使用してオブジェクトを反復処理します

プロパティ名を知らずにオブジェクトのすべてのプロパティを反復するには、ループを使用しますfor...in。

たとえば、次のステートメントはオブジェクトwebsiteを作成し、ループを使用してそのプロパティを繰り返しますfor...in。

結果：

メソッド

オブジェクトにはアクションがあります。アクションは関数で表されます。次のスニペットは、アクションgreetをオブジェクトに追加しますperson。

結果：

この例では、関数式を追加してアクションを作成し、それをgreetオブジェクトのプロパティに割り当てますperson。

次に、greetコマンドを使用してプロパティを介して関数を呼び出しますgreet()。関数がオブジェクトのプロパティである場合、これはメソッドと呼ばれます。

関数式の使用に加えて、次のように関数を定義してオブジェクトに追加できます。

短縮法

オブジェクトのリテラル構文を使用してメソッドを定義できます。

バージョンES6以降、コードをさらに短くすることができます。

「this」値

通常、メソッドはオブジェクトに格納されているデータにアクセスする必要があります。

たとえば、オブジェクトのフルネームperson、連結firstName、およびを返すメソッドを開発できますlastName。

メソッド内で、値thisはメソッドを含むオブジェクトを参照するため、ドット表記を使用してオブジェクトプロパティにアクセスできます。

次の例ではthis、メソッドの値を使用していますgetFullName()。

結果：

値の詳細については、このチュートリアルを確認してくださいthis。

履歴書

• オブジェクトは、のペアのプロパティのコレクションですchave : valor。キーは文字列であり、値は任意の有効な値にすることができます。
• オブジェクトプロパティにアクセスするには、ドット表記.または配列表記[ ]を使用します。
• オペレーターdeleteはオブジェクトからプロパティを削除します。
• オペレーターinは、オブジェクトにプロパティがあるかどうかを確認します。
• for...inオブジェクトのプロパティを反復します。
• 関数がオブジェクトのプロパティである場合、それらはメソッドと呼ばれます。
• thisメソッド内で使用して、オブジェクトのプロパティにアクセスします。

以下のリンクをクリックして、私が書いた他の一連のJavaScriptチュートリアルを確認してください。

JavaScriptチュートリアル