複数の値で構成されたオブジェクトをES6でどのように定義しますか？

1年 ago
芽依, 雨夜
1 minute

ES6では、複数の値からなるオブジェクトを定義するために、オブジェクトリテラルの方法を使用することができます。

オブジェクトリテラルは、オブジェクトを作成および初期化するための簡潔な構文です。中括弧（{}）を使用してオブジェクトを定義することで、複数のキーと値のペアを中括弧内に定義することができます。各キーと値のペアは、キー（プロパティ名）と値で構成され、コロン（:）で区切られています。必要に応じて複数のキーと値のペアを定義することができます。

例えば、以下のコードは、複数の値を含むオブジェクトを定義する方法を示しています。

const person = {
  name: 'John',
  age: 30,
  gender: 'male',
  occupation: 'developer'
};

console.log(person);

上記のコードは、”person” という名前のオブジェクトを定義しており、そのオブジェクトには名前、年齢、性別、職業などの属性が含まれており、各属性にはそれぞれ対応する値があります。

結果は出力されます。

{ name: 'John', age: 30, gender: 'male', occupation: 'developer' }

オブジェクトリテラルで属性と値を直接定義するだけでなく、変数を使用して属性名や属性値を定義することもできます。例えば、

const name = 'John';
const age = 30;

const person = {
  name: name,
  age: age
};

console.log(person);

上記のコードでは、変数nameとageを使用してpersonオブジェクトのプロパティ名と値を定義しています。出力結果は変わりません。

{ name: 'John', age: 30 }

ES6では、属性名と変数名が同じ場合、簡略な記述方法を使用できます。例えば、

const name = 'John';
const age = 30;

const person = {
  name,
  age
};

console.log(person);

上記のコードでは、プロパティ名と変数名が同じなので、変数名を直接使用してプロパティを定義することができます。出力結果は依然として同じです。

{ name: 'John', age: 30 }

上記の方法を使えば、複数の値で構成されるオブジェクトを簡単に定義することができます。

bannerAds