JavaScriptでgotoステートメントを使うには？ラベルと前処理による実装例を解説

JavaScriptにおけるgotoステートメントの基本

JavaScriptには、C言語などに存在するような「goto」ステートメントが用意されていません。「goto」はJavaScriptにおける予約語（リザーブドキーワード）として登録されていますが、実際の構文としてはサポートされていないため、そのまま記述してもエラーになります。

さらに、一般的にWeb標準の観点からも、gotoステートメントの使用はプログラムの流れを複雑にし、可読性や保守性を損なうため、良いプラクティスとはみなされていません。

前処理（プリプロセッシング）によるgotoの代替実装

ただし、JavaScriptの前処理（プリプロセッシング）を利用してgoto的な動作を実現する手法は、依然として有効なアプローチとして知られています。以下にその記述例を示します。

var a = 0;
[lbl] beginning:
console.log("Demo Text!");
a++;
if(i < 424) goto beginning;

このコードでは、「beginning」というラベルを定義し、条件を満たす間はそこへ処理を戻す（ジャンプする）意図を持たせています。

変換後のコード

上記のコードは、前処理によって次のように変換されます。

var a = 0;
beginning: while(true) {
   console.log("Demo Text!");
   a++;
   if(i < 424) continue beginning;
      break;
}

変換後のコードでは、ラベル付きのwhile(true)ループを使用し、条件を満たしている間はcontinue文でラベル位置へ処理を戻し、条件を満たさなくなった時点でbreak文によってループを抜けています。これにより、gotoステートメントと同等の制御フローが実現されています。

まとめ：実務では標準的なループ構文を推奨

このように、ラベル（label）とcontinue文を組み合わせることで、gotoのようなジャンプ処理を模倣することは可能です。しかし、実際の開発現場では、whileループやforループといった標準的な繰り返し構造を使用する方が、コードの可読性・保守性の両面で優れています。特別な理由がない限り、通常のループ構文を採用することをおすすめします。