JavaScript mapのコールバック関数を使って配列を操作するサンプル

2023年1月31日

環境
Windows 10 home 64bit
Google Chrome 107.0.5304.122

構文
var 配列名 = [要素1,要素2,…
配列名.map( function( value, index, array ) {
処理コード
});
引数
value:配列の値
index:配列のインデックス
arry:配列
コールバック関数に三つの引数を取得します

使用例
引数のインデックスを使って、奇数のインデックス番号」の時だけ値を3倍にします。

var arr = [2,3,4,6];
 
var result = arr.map( function( value, index, array ) {
 
    //「value」が奇数の時だけ3倍にする
    if( value % 2 === 0 ) {
        return value ;
    }
    else {
        return value*3;
    }
});
 
console.log( result );

実行結果
> Array [2, 9, 4, 6]