javascript 配列のループ処理 勉強用

配列のループ処理の種類

forEach / filter / mapの３種類がある

forEachで配列要素を繰り返し処理する

forEachは、配列データに対してのみ実行することが可能で、各要素1つずつに任意の処理を実行させることがでる。

let items = [ 'バナナ', 'リンゴ', 'メロン', 'ブドウ' ];
 
items.forEach(function( value ) {
     console.log( value );
});

実行結果

バナナ  //配列要素を1つずつコンソールに出力
リンゴ
メロン
ブドウ

---

filterで配列要素を抽出する

let items = [5,2,7,8,3,1,6,8,4];
 
let result = items.filter( function( value ) { 
    //5よりも小さい数値だけを抽出
    return value < 5;
}) 
console.log( result );

実行結果

[2, 3, 1, 4]  //5よりも小さい数値だけを抽出

---

mapで処理した要素を新しい配列で作成する

let items = [1,2,3,4,5];
let result = items.map(function( value ) {
    //配列の各要素を2倍にする
    return value * 2;
}); 
console.log( result );

実行結果

[2, 4, 6, 8, 10]  //1*2,2*2,2*3,2*4,2*5の結果を新しい配列として作成する。

---