read : JS의 array.map, jQuery.map : 기술 #javascript #map::공대여자홈

#javascript #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

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	2393
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	11956
공지	[공지] 기술 게시판	mins01	06/24 15:10	12183