javascript エラー「SyntaxError: Unexpected token ‘x’. Expected an identifier as property name.」の解決方法

• 作成日 2022.06.16
• 更新日 2022.12.27
• javascript
• javascript

javascriptで、エラー「SyntaxError: Unexpected token ‘x’. Expected an identifier as property name.」が発生した場合の原因と解決方法を記述してます。オブジェクトのkeyに演算子などを使用した場合に発生します。

目次

• 1. 環境
• 2. エラー内容
• 3. 原因
• 4. 解決方法

環境

• OS macOS Monterey
• ブラウザ safari 15.5

Javascript サンプル集はこちら

エラー内容

以下のコードで発生。

const obj = { "key" + "1"  : "ab" }

console.log(obj.key1)

エラーメッセージ

SyntaxError: Unexpected token '+'. Expected an identifier as property name.

画像

firefox（バージョン107）では、以下のエラーとなります。

Uncaught SyntaxError: missing : after property id

画像

原因

キーの中に式が入っているため

解決方法

式を使用する場合は「[]」を使用する。

const obj = { ["key" + "1"]  : "ab" }

console.log(obj.key1)

また、値の方は「[]」を使用する必要はない

const obj = { ["key" + "1"]  : "ab" + "c" }

console.log(obj.key1)　// abc

「[]」を使用すると配列となります。

const obj = { ["key" + "1"]  : ["ab" + "c"] }

console.log(obj.key1)

実行結果

• 前の記事
  

  ASP.NET core MVC 静的ページを作成する 2022.06.15

• 次の記事
  

  VBA 全ての列の幅を設定する 2022.06.16