javascript エラー「Uncaught SyntaxError: Unexpected token ‘…’」の解決方法

javascript エラー「Uncaught SyntaxError: Unexpected token ‘…’」の解決方法

javascriptで、エラー「Uncaught SyntaxError: Unexpected token ‘…’」が発生した場合の原因と解決方法を記述してます。

環境

  • OS windows11 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome106.0.5249.103

エラー内容

以下の、「スプレッド構文」を使用したコードを実行した際に発生。

const arr = [ 1, 7, 2, 8, 3]

[...arr].sort( (x, y) => (x < y ? 1 : -1) )

エラーメッセージ

Uncaught SyntaxError: Unexpected token '...'

画像

firefox105の場合は、以下のエラーが発生します。

Uncaught SyntaxError: expected expression, got '...'

画像

safari15.5では、以下のエラーとなります。

SyntaxError: Unexpected token '...'

画像

原因

「;」がないため、同じステートメントとみなされてしまっているため
※以下と同じコードとしてみなされる

const arr = [ 1, 7, 2, 8, 3][...arr].sort( (x, y) => (x < y ? 1 : -1) )

解決方法

「;」を使用する

const arr = [ 1, 7, 2, 8, 3];

[...arr].sort( (x, y) => (x < y ? 1 : -1) );