JavaScript ループを中断する方法と中断が必要な理由

概要

JavaScript ループはコードを繰り返すために不可欠であり、その構文とニュアンスを理解することが重要です。
break ステートメントを使用するとループを早期に終了でき、効率的なコードの実行が可能になります。
ループから抜けることでコードを最適化し、不要な反復を防ぎ、エラーを効果的に処理できます。

JavaScript のループを使用するとコードを繰り返すことができますが、特殊なケースを処理するためにループを終了する必要がある場合があります。ここで break ステートメントの出番です。break ステートメントの仕組みと、それが必要な理由について説明します。

JavaScript ループの理解

JavaScript ループを使用するとコードを繰り返すことができ、プログラムをクリーンに保ち、繰り返しを削減できます。ループは、ほとんどすべてのプログラムで使用される重要な概念です。そのため、JavaScript を学び始めたばかりの場合は、ループを完全に理解していることを確認する必要があります。

知っておくべき JavaScript ループのさまざまなタイプを以下に示します。

for ループ
while ループ
do… while ループ
for…in ループ
for…of ループ

これらはすべて反復を実行しますが、それぞれが異なる状況に適したわずかなニュアンスがあります。各ループタイプの構文を以下に示します。

ループタイプ	構文	説明
for	for (init; cond; next) { // コードブロック }	指定した条件 (cond) が true の間、コードブロックを実行します。初期化式 (init) はループの最初に 1 回実行され、next 式はループがコードブロックの最後に到達するたびに実行されます。
while	while (condition) { // コードブロック }	指定した条件が true の間、コードブロックを実行します。
do…while	do { // コードブロック } while (condition);	指定した条件が true の間、コードブロックを実行します。コードブロックを実行した後に条件をチェックするため、常に少なくとも 1 回は実行されます。
for…in	for (property in object) { // コードブロック }	オブジェクトの各propertyに対してコードブロックを実行します。
for…of	for (element of iterable) { // コードブロック }	配列、文字列、マップなどの反復可能なオブジェクト内の各要素に対してコードブロックを実行します。

「break」ステートメントの概要

break ステートメントはループを早期に終了します。ループが進行すると、break ステートメントに接触するとすぐに停止します。これにより、プログラムはループ後の次のステートメントに進みます。

break は、一定数の反復を実行するのを待ったり、メインの条件が false になるのを待ったりするのではなく、予測できない時点でループを停止するために役立ちます。構文は非常に簡単です。

break;

さまざまな JavaScript ループで「break」を使用する方法

これらの例は、使用可能な JavaScript ループのそれぞれから抜け出す方法を示しています。ローカル変数の値とその印刷または評価のタイミングに注意してください。

for ループから抜け出す

const numbers = [1, 2, 3,
<pre><code>const numbers = [1, 2, 3, 4, 5];

for (let num of numbers.reverse())
{
console.log(num);

if (num === 3)
{
break;
}
}
// 出力:
// 5
// 4
// 3

ループは配列の各要素を逆順に反復し、それらを連結します。ループが値 3 に遭遇すると、break ステートメントによって終了します。

ループを中断することの重要性

ループを中断することは、コードを最適化するための有効な方法です。ループを早期に終了すると、不要な反復を防ぎ、時間の複雑さを低減し、エラーを効率的に処理できます。

プログラム内のさまざまな JavaScript ループから抜け出す方法を練習することに集中して、理解を深めてください。

パソコンの友達