javascript エラー「Uncaught SyntaxError: Invalid shorthand property initializer」の解決方法

• 作成日 2022.06.21
• 更新日 2023.01.04
• javascript
• javascript

javascriptで、エラー「Uncaught SyntaxError: Invalid shorthand property initializer」が発生した場合の原因と解決方法を記述してます。オブジェクト生成時に「:(コロン)」に違う記号などを使用した場合に発生します。

目次

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

環境

• OS windows11 pro 64bit
• ブラウザ chrome 108.0.5359.125

Javascript サンプル集はこちら

エラー内容

以下のコードで発生。

let obj = { key = 'value' }

エラーメッセージ

Uncaught SyntaxError: Invalid shorthand property initializer

画像

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

Uncaught SyntaxError: missing : after property id

画像

原因

代入する記号が間違っているため

解決方法

「:」を使用する。

let obj = { key : 'value' }

• 前の記事
  

  Vue.js マスタッシュ構文で値がnullの場合に指定した値を表示する 2022.06.21

• 次の記事
  

  MySQL レコードの値をjsonオブジェクトとしてまとめる 2022.06.21