配列の各値を大文字にして、添え字を付けた配列を新たに作成します。
次のその値を重ねた配列を作成しますが、2番目の値は除去し、4番目の値は3回繰り返してやります。
Utilities/API/jQuery
jQuery.map(array, callback)
配列の各値を関数で処理して、新たな配列を作成します。
引数に渡した変換用の関数は、配列の要素数分呼び出されます。
引数として値そのものとインデックスを受け取り、変換後の値を戻り値として返します。
コールバック関数が"null"を返すと、配列には何も追加されません。
配列を返した場合、それらは2次配列ではなく配列に1次的に並べられます。
これらのことから、map処理後の配列は必ずしも元の配列と同じ要素数にはならないことになります。
引数に渡した変換用の関数は、配列の要素数分呼び出されます。
引数として値そのものとインデックスを受け取り、変換後の値を戻り値として返します。
コールバック関数が"null"を返すと、配列には何も追加されません。
配列を返した場合、それらは2次配列ではなく配列に1次的に並べられます。
これらのことから、map処理後の配列は必ずしも元の配列と同じ要素数にはならないことになります。
サンプル
サンプル1
var arr = [ "a", "b", "c", "d", "e" ]
$("div").text(arr.join(", "));
arr = jQuery.map(arr, function(n, i){
return (n.toUpperCase() + i);
});
$("p").text(arr.join(", "));
arr = jQuery.map(arr, function (n, i) {
var x = n + n;
if (i==1) return null;
if (i==3) return [x, x, x];
return x;
});
$("span").text(arr.join(", "));
[全コードを表示]
[実行結果を単体で表示]