반응형
Jquery의 Map() 메서드는 배열의 데이터를 변환시켜서
다시 새로운 배열 객체로 만듭니다.
예제를 통해 확인해 보겠습니다.
배열 arrName에 저장된 A~E까지의 값을 map()을 통하여
데이터를 가공합니다.
가공이 끝난후 변수 m에 return을 하여 결과를 보면
변수 m또한 배열로 타입이 지정되어 있고 가공된 데이터가
배열 m에 저장된 것을 확인할 수 있습니다.
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>
<body>
<script>
var arrName=["A", "B", "C", "D", "E"];
$(document).ready(function(){
// function(i,k){...} i="A" , k = 0
// function(i,k){...} i="B" , k = 1
// function(i,k){...} i="C" , k = 2
// function(i,k){...} i="D" , k = 3
// function(i,k){...} i="E" , k = 4
//배열에 저장된 데이터 갯수만큼 실행
var m = arrName.map(function(i,k){
//map을 통해 데이터를 가공
return i+k;
});
console.log(m);
//(4) ["A0", "B1", "C2", "D3"]
//0: "A0"
//1: "B1"
//2: "C2"
//3: "D3"
//length: 4
//__proto__: Array(0)
});
</script>
</body>
</html>
지금까지 JavaScript Jquery Map() 메서드에 대한 설명이었습니다.
반응형
'Develope > JavaScript' 카테고리의 다른 글
| [JavaScript] 날짜 계산 및 날짜 비교 function (0) | 2021.03.25 |
|---|---|
| [JavaScript] jqgrid reload 및 reload가 되지 않을때 해결 방법 (0) | 2020.06.18 |
| [JavaScript] history 객체 (0) | 2019.05.21 |
| [JavaScript] Location 브라우저 url 정보 (0) | 2019.05.19 |
| [JavaScript] Navigator 브라우저 및 운영체제 정보 (0) | 2019.05.19 |
