while文は条件式がtrueであるならば、反復処理を行います。

while (条件式) {
    実行する文;
}

最初から条件式がfalseである場合は、何も実行せずwhile文は終了します。

　1.条件式の評価結果がtrueなら次のステップへ、falseなら終了

　2.実行する文を実行

　3.ステップ1へ戻る

xの値が10未満であるなら、コンソールへ繰り返しログが出力されます。

また、実行する文にて、xの値を増やし条件式がfalseとなります。

let x = 0;
console.log(`ループ開始前のxの値: ${x}`);
while (x < 10) {
    console.log(x);
    x += 1;
}
console.log(`ループ終了後のxの値: ${x}`);

ループ開始前のxの値: 0
0
1
2
3
4
5
6
7
8
9
ループ終了後のxの値: 10

実行する文の中で条件式がfalseとなるような処理を書かないと無限ループします。

JavaScriptには安全な反復処理の書き方があるため、while文は使う場面が限られています。

反復処理を扱う際に、コードの書き間違いや条件式のミスなどから無限ループを引き起こしてしまう場合があります。

たとえば、次のコードは条件式の評価結果が常にtrueとなってしまうため、無限ループが発生してしまいます。

let i = 1;
// 条件式が常にtrueになるため、無限ループする
while (i > 0) {
    console.log(`${i}回目のループ`);
    i += 1;
}

無限ループが発生してしまったときは、スクリプトを停止してからコードを修正しましょう。


ほとんどのブラウザは無限ループが発生した際に、自動的にスクリプトの実行を停止する機能が含まれています。

また、ブラウザで該当のスクリプトを実行しているページ（タブ）またはブラウザそのものを閉じることで強制的に停止できます。

Node.jsで実行している場合はCtrl + Cを入力し、終了シグナルを送ることで強制的に停止できます。


無限ループが発生する原因のほとんどは条件式に関連する実装ミスです。 まずは条件式の確認をしましょう。

do-while文はwhie文とほとんど同じですが実行順序が異なります。

do{
   実行する文;
}while(条件式);

　1.実行する文を実行

　2.条件式の評価結果がtrueなら次のステップへ、falseなら終了

　3.ステップ1へ戻る


while文とは異なり、必ず最初に実行する文に処理します。

そのため、最初から条件式を満たさない場合でも、初回の実行する文が処理され、コンソールへ1000と出力されます。

const x=1000;
do{
    console.log(1000);//=>1000
}while(1000<10);

for文は繰り返す範囲を設定した反復処理を書くことができます。

for (初期化式; 条件式; 増分式) {
    実行する文;
}

for文の実行フローは次のようになります。

　1.初期化式で変数の宣言

　2.条件式の評価結果がtrueなら次のステップへ、falseなら終了

　3.実行する文を実行

　4.増分式で変数を更新

　5.ステップ2へ戻る

let total = 0; 
for (let i = 0; i < 10; i++) {
    total += i + 1; 
}
console.log(total);

このコードは1から10までの合計を電卓で計算すればいいので、基本的に必要ありません。

 実用的なものを考えると、任意の数値の入った配列を受け取り、その合計を計算して返すという関数を実装すると良い感じになりそうです。


次のコードでは、任意の数値が入った配列を受け取り、その合計値を返す sum 関数を実装しています。

numbers配列に含まれている要素を先頭から順番に変数totalへ加算することで合計値を計算しています。

function sum(numbers) {
    let total = 0;
    for (let i = 0; i < numbers.length; i++) {
        total += numbers[i];
    }
    return total;
}

console.log(sum([1, 2, 3, 4, 5]));

15

JavaScriptの配列であるArrayオブジェクトには、反復処理のためのメソッドが備わっています。

配列にはforEachメソッドというfor文と同じように反復処理を行うメソッドがあります。

const array=[1,2,3];
array.forEach(currentValie=>{
    
})

JavaScriptでは、関数がファーストクラスであるため、その場で作った無名関数（名前のない関数）を引数として渡せます。


引数として渡される関数のことをコールバック関数と呼びます。

また、コールバック関数を引数として受け取る関数やメソッドのことを高階関数と呼びます。

const array=[1,2,3];
array.forEach(コールバック関数);

forEachメソッドのコールバック関数には、配列の要素が先頭から順番に渡されて実行されます。

つまり、コールバック関数の仮引数であるcurrentValueには、1から3の値が順番に渡されます。

const array=[1,2,3];
array.forEach(currentValue=>{
    console.log(currentValue);
});

1
2
3

for文の例と同じ数値の合計を返すsum 関数をforEachメソッドで実装した場合。

function sum(numbers) {
    let total = 0;
    numbers.forEach(num => {
        total += num;
    });
    return total;
}

sum([1, 2, 3, 4, 5]);

forEachはfor文の条件式に相当するものはなく、必ず配列のすべての要素を反復処理します。

変数iといった一時的な値を定義する必要がないため、シンプルに反復処理を書けます。

break文は処理中の文から抜けて次の文へ移行する制御文です。

while、do-while、forの中で使い、処理中のループを抜けて次の文へ制御を移します。

while(true){
    break
}

switch文で出てきたものと同様で、処理中のループ文を終了できます。

次のコードでは配列の要素に1つでも偶数を含んでいるかを判定しています。

const numbers=[1,5,10,15,20];
let isEvenIncluded=false;
for(let i=0; i<numbers.length; i++){
    const num=numbers[i];
    if(num%2===0){
        isEvenIncluded=true;
        break;
    }
}
console.log(isEvenIncluded);

true

1つでも偶数があるかがわかればいいため、配列内から最初の偶数を見つけたらfor文での反復処理を終了します。

このような処理は、使い回せるように関数として実装するのが一般的です。

同様の処理をする isEvenIncluded 関数を実装してみます。

次のコードでは、break文が実行され、ループを抜けた後にreturn文で結果を返しています。

function isEven(num){
    return num%2===0;
    
}
function isEvenIncluded(numbers){
    let isEvenIncluded=false;
    for(let i=0; i<numbers.length; i++){
        const num=numbers[i];
        if(isEven(num)){
            isEvenIncluded=true;
            break;
        }
    }
    return isEvenIncluded;
}
const array=[1,5,10,15,20]
console.log(isEvenIncluded(array));

true

return文は現在の関数を終了させることができるため、次のように書くこともできます。

numbersに1つでも偶数が含まれていれば結果はtrueとなるため、偶数の値が見つかった時点でtrueを返しています。

function isEven(num) {
    return num % 2 === 0;
}
function isEvenIncluded(numbers) {
    for (let i = 0; i < numbers.length; i++) {
        const num = numbers[i];
&n