JavaScript でオブジェクトを作成する方法 (手順)

JavaScript はプログラミングにオブジェクトを使用する言語であり、オブジェクトを正しく作成することは、JavaScript でプログラムを作成する際の重要な部分の 1 つです。この記事では、効率的な JavaScript プログラムを作成できるように、JavaScript でオブジェクトを作成する手順を学びます。

ステップ 1: オブジェクトの種類を決定する

まず、作成するオブジェクトの種類を決定する必要があります。 JavaScript では、オブジェクト タイプは、配列 (Array)、日付 (Date)、正規表現 (RegExp) などの組み込みタイプ、またはカスタム クラスにすることができます。カスタム クラスの場合は、クラスのコンストラクターを定義する必要があります。

ステップ 2: オブジェクトを定義する

オブジェクト タイプを決定したら、オブジェクトを定義する必要があります。 JavaScript では、オブジェクト リテラルを使用したり、コンストラクターを作成したりできます。

オブジェクト リテラルを使用してオブジェクトを作成する構文は次のとおりです。

var obj = {
  property1: value1,
  property2: value2,
  ...
};

次に例を示します。

var person = {
  firstName: "John",
  lastName: "Doe",
  age: 30,
  eyeColor: "blue"
};

コンストラクターを使用してオブジェクトを作成する構文は次のとおりです。 ##

function Person(firstName, lastName, age, eyeColor) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;
  this.eyeColor = eyeColor;
}

ここに例があります:

var person = new Person("John", "Doe", 30, "blue");

ステップ 3: オブジェクトにプロパティとメソッドを追加する

オブジェクトを定義したら、プロパティとメソッドをオブジェクトに追加する必要があります。物体。 JavaScript では、ドット構文または角かっこ構文を使用して、オブジェクトにプロパティとメソッドを追加できます。

ドット構文を使用してオブジェクトにプロパティとメソッドを追加するための構文は次のとおりです。

objectName.propertyName = value;

objectName.methodName = function() {
  // code to be executed
};

次に例を示します。

person.nationality = "English";

person.fullName = function() {
  return this.firstName + " " + this.lastName;
};

プロパティとメソッドを追加するための構文角かっこ構文を使用してオブジェクトに次のようにします:

objectName["propertyName"] = value;

objectName["methodName"] = function() {
  // code to be executed
};

これが例です:

person["nationality"] = "English";

person["fullName"] = function() {
  return this.firstName + " " + this.lastName;
};

ステップ 4: オブジェクトの使用

最後に、作成したオブジェクトを使用できます。 。オブジェクトのプロパティとメソッドにアクセスして、それらを操作できます。

ドット構文を使用してオブジェクトのプロパティとメソッドにアクセスするための構文は次のとおりです。

objectName.propertyName;

objectName.methodName();

次に例を示します。

var x = person.age;

var y = person.fullName();

ドット構文を使用してオブジェクトのプロパティとメソッドにアクセスするための構文角括弧の構文は次のとおりです:

objectName["propertyName"];

objectName["methodName"]();

例は次のとおりです:

var x = person["age"];

var y = person["fullName"]();

結論

この記事では、JavaScript でオブジェクトを作成する手順を学習しました。オブジェクトの種類を決定し、オブジェクトを定義し、オブジェクトにプロパティとメソッドを追加して、オブジェクトを使用する必要があります。これらの手順をマスターすると、効率的な JavaScript プログラムを作成できるようになります。

以上がJavaScript でオブジェクトを作成する方法 (手順)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。