javascript オブジェクトのプロパティを簡潔に記述する

javascript オブジェクトのプロパティを簡潔に記述する

javascriptで、ES6から使用できるオブジェクトのプロパティ値を簡潔に記述する方法を記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 102.0.5005.115

プロパティ簡潔化

プロパティ名がキーと一致しているときに使えます。

例えば、以下のコードを

const obj = { x: x, y: y };

プロパティ名を省略して記述することができます。

const obj = { x, y };

一度、簡潔化したオブジェクトを実行してみます。

const x = 'hello';
const y = 'world';

const obj = { x, y };

console.log(obj.x); // hello
console.log(obj.y); // world

また、オブジェクト内で簡潔化してないものと、したもの両方を併用して記述することもできます。

const x = 'hello';
const y = 'world';

const obj = { x, y: y };

console.log(obj.x); // hello
console.log(obj.y); // world