JS의 array.map, jQuery.map
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.map var 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
- https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map + http://api.jquery.com/jquery.map/