JavaScriptで文字列の配列の要素を一つずつ処理する方法

こんにちは、さるまりんです。

JavaScriptでこんな配列があります。

var array = [ "red", "green", "yellow", "black", "white" ];

この配列の要素を一つずつ処理する方法を考えてみます。

シンプルなループ

まずはシンプルなforループ。

forでインデックスを使って配列の長さ(array.length)分、一つずつアクセスします。

for (var i = 0; i < array.length; i++) {
    // 要素に対しての処理
    console.log(array[i]);
}

同じようにwhileループでもやってみます。

var i = 0;
while (i < array.length) {
    // 要素に対しての処理
    console.log(array[i++]);
}

forEachメソッド

今度はforEachメソッドを使ってみます。

array.forEach((x, i) => {
    // 要素に対しての処理
    console.log(x);
});

この場合は配列の要素がx、インデックスがiになります。

for-of

forにはこんな構文もあります。

for (const x of array) {
    // 要素に対する処理
    console.log(x);
}

arrayの中の要素xに対して繰り返し処理をしています。

同じことをするにもいろんな方法がありますね。

他にもまだあるのかも。勉強してきます。

読んでくださってありがとうございました。

それではまた！