[JavaScript]配列(array)でループ(loop)処理をするには？

どうも、ちょげ(@chogetarou)です。

配列でループ処理をする方法を紹介します。

方法

配列でループ処理をする方法は３つあります。

１つは、for文を使う方法です。

具体的には、配列の条件に「i < array.length」を指定し、配列の長さだけ繰り返し処理をします。

for (i = 0; i < array.length; i++){
    //配列の長さだけループ処理をする
}

使用例

let array = [1, 2, 3, 4, 5];

for (i = 0; i < array.length; i++){
    console.log(array[i]);
}

２つ目は、「for~of…」を使う方法です。

具体的には、「for (let value of array){/*ループ処理*/}」のようにすることで、配列の要素を１つずつ取り出して処理をすることができます。

for (let value of array) {
    //ループ処理
}

使用例

let array = [1, 2, 3, 4, 5];

for (let value of array) {
    console.log(value);
}

３つ目は、forEachを使う方法です。

具体的には、配列のforEachメソッドを使ってループ処理をします。

array.forEach(function(value, index, array){
    //ループ処理
    //関数の引数ではvalueで値、indexでインデックス、arrayで元の配列を受け取れる
    //引数で必要ないものは省略できる
})

使用例

let array = [1, 2, 3, 4, 5];

array.forEach(function(value){
    console.log(value);
})

配列でループ処理をする方法は、次の３つです。