javascript オブジェクトにプロパティを追加する

javascript オブジェクトにプロパティを追加する

javascriptで、オブジェクトにプロパティを追加するサンプルコードを掲載してます。ブラウザはchromeを使用しています。

環境

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

プロパティを追加

プロパティを追加するには、「オブジェクト.プロパティ名」を使用します。

実際に、追加してみます。

let obj = { a: 1, b: 2 }

obj.c = 3;

console.log(obj) // {a: 1, b: 2, c: 3}

他にも「[]」を使用する方法もあります。

let obj = { a: 1, b: 2 }

obj['c'] = 3;

console.log(obj) // {a: 1, b: 2, c: 3}

「[]」を使用すれば、演算子やスペースもプロパティ名として使用できます。

let obj = { a: 1, b: 2 }

obj['c-c'] = 3;

console.log(obj) // {a: 1, b: 2, c-c: 3}

「オブジェクト.プロパティ名」だとエラーとなります。

let obj = { a: 1, b: 2 }

obj.c-c = 3;

console.log(obj) // Uncaught SyntaxError: Invalid left-hand side in assignment

パフォーマンスは、どちらを使用してもほぼ同じです。