javascript エラー「SyntaxError: ‘break’ is only valid inside a switch or loop statement.」の解決方法

javascript エラー「SyntaxError: ‘break’ is only valid inside a switch or loop statement.」の解決方法

javascriptで、エラー「SyntaxError: ‘break’ is only valid inside a switch or loop statement.」が発生した場合の原因と解決方法を記述してます。「break」文を単独で使用した際に発生します。

環境

  • OS macOS Monterey
  • ブラウザ safari 15.5

エラー内容

以下のコードで発生。

function hoge(){
  
  break;
  
}

エラーメッセージ

SyntaxError: 'break' is only valid inside a switch or loop statement.

原因

「break」は、単独で関数内で使用できない。for文やwhile文と一緒に使用します。

解決方法

「return」を使用するか、

function hoge(){
  console.log( '1' )  
  return;
  console.log( '2' ) 
}

hoge() // 1

「break」を使用したければラベルを使用します。

function hoge(){
  foo : {        
        console.log( '1' )       
        break foo ;
        console.log( '2' )       
    }
    
}

hoge() // 1