[jQuery] 配列の要素に対して値を操作する（$.map）

投稿日：2017年6月29日更新日：2018年5月2日

配列の要素に対して値を操作するには、$.map()を使用します。

サンプルソース

例）配列内の金額をすべて税込み金額にする

//金額の配列
var arr = [100, 200, 300];

//配列の値すべて税込み（8%）とする
var arr2 = $.map(arr,
  function(obj, idx){  //objに要素、idxに要素番号が渡ってきます。
    return obj * 1.08;
  }
);

//税込みにする前
console.log(arr);

//税込みにした後
console.log(arr2);

//金額の配列

var arr = [100, 200, 300];

//配列の値すべて税込み（8%）とする

var arr2 = $.map(arr,

function(obj, idx){ //objに要素、idxに要素番号が渡ってきます。

return obj * 1.08;

}

);

//税込みにする前

console.log(arr);

//税込みにした後

console.log(arr2);

（結果）: [100, 200, 300] [108, 216, 324]

解説

mapを使うと、配列内の要素に対して操作を行うことができます。
要素と要素番号が渡ってくるので、条件によって処理をしたりしなかったりという事も可能です。

執筆者：とら