JS의 array.map, jQuery.map
둘 다 배열의 대한 일괄 처리를 할 때 사용한다.
물론 루프 문으로도 구현할 수 있다.
JS의 array.map
var array1 = [1, 4, 9, 16];
// pass a function to map
var map1 = array1.map(x => x * 2);
var map2 = array1.map(function(x){return x*3});
console.log(map1,map2);
=>
[2, 8, 18, 32] [3, 12, 27, 48]
jQuery.mapvar arr = [ "a", "b", "c", "d", "e" ];
$( "div" ).text( arr.join( ", " ) );
arr = jQuery.map( arr, function( n, i ) { //<-- n이 값이고 i가 index
return ( n.toUpperCase() + i );
});
$( "p" ).text( arr.join( ", " ) );
arr = jQuery.map( arr, function( a ) {
return a + a;
});
$( "span" ).text( arr.join( ", " ) );
=>
a, b, c, d, e
A0, B1, C2, D3, E4
A0A0, B1B1, C2C2, D3D3, E4E4
