.net column
.NET開発者のためのブログメディア

JavaScriptでのwhileの使い方とは?繰り返し処理の基本的な使い方からソースコードを交えて解説!

公開日時:   更新日時:
JavaScriptでのwhileの使い方とは?繰り返し処理の基本的な使い方からソースコードを交えて解説!
基本情報技術者試験の試験対策はこちら>>
SE
JavaScriptでのwhileの使い方について教えてください。
PM
それでは、JavaScriptでのwhileを使った繰り返し処理の基本的な使い方とソースコードについてご紹介しましょう。

JavaScriptでのwhileの使い方とは?


今回は、JavaScriptでのwhileを使った繰り返し処理について説明します。
基本的な使い方から、continueやbreakの方法について、ソースコードを交えて紹介します。
また、ラベル付きbreakの使い方についても紹介します。

JavaScriptでのwhileを使った繰り返し処理に興味のある方はぜひご覧ください。

基本的な使い方

JavaScriptでのwhileの基本的な使い方を紹介します。変数や配列、mapの繰り返し処理ができます。実際のソースコードを見てみましょう。

実行結果は以下のようになります。

このようにJavaScriptでは、whileを使って変数や配列およびmapの繰り返し処理ができます。

continue

JavaScriptでの繰り返し処理をスキップするcontinueについて紹介します。実際のソースコードを見てみましょう。

実行結果は以下のようになります。

このようにJavaScriptでは、continueで繰り返し処理をスキップできます。

break

JavaScriptでの繰り返し処理を中断するbreakについて紹介します。実際のソースコードを見てみましょう。

実行結果は以下のようになります。

このようにJavaScriptでは、breakで繰り返し処理を中断できます。

ラベル指定break

多重ループのbreakには、ラベル付きbreakが便利です。実際のソースコードを見てみましょう。

実行結果は以下のようになります。breakで内側のループを抜けています。

これに対して、ラベル付きbreakは以下のように記述します。

実行結果は以下のようになります。「break loop;」でloopラベルを抜けるので、外側のループを抜けています。先ほどとは結果が異なることが分かります。

breakと同様に、ラベル付きのcontinueも可能です。

無限ループ

繰り返し処理は無限ループに注意しましょう。無限ループになる処理を紹介します。実際のソースコードを見てみましょう。

実行結果は以下のようになります。idx++;が実行されなくなるので、continueが無限に出力されます。無限ループにならないように注意してロジックを作成してください。

SE
JavaScriptでのwhileの使い方がよく分かりました。
PM
ご紹介したJavaScriptでのwhileの基本的な使い方だけでなく、continueやbreakの方法、ソースコードやラベル付きbreakの使い方についても参考にしてください。

まとめ

いかがでしたでしょうか。JavaScriptでのwhileを使った繰り返し処理について説明しました。
基本的な使い方から、continueやbreakの方法について、ソースコードを交えて紹介しました。
また、ラベル付きbreakの使い方についても紹介しました。

ぜひご自身でJavaScriptのソースコードを書いて、理解を深めてください。


.NET分野でのキャリアアップをお考えの方は、現在募集中の求人情報をご覧ください。

また、直接のエントリーも受け付けております。

エントリー(応募フォーム)

Search

Popular

reccomended

Categories

Tags