제이쿼리에는 배열과 관련한 함수들이 존재한다. 개중에 $.map 을 알아보자.
$.map()
사용법 : $.map(Array, function)
$.map(Array, function(param1, param2) {
return 데이터;
});
설명:
배열에 저장된 데이터 수만큼 메소드를 반복실행한다. 함수에서 반환된 데이터는 새 배열에 순서대로 저장된다. 새로 저장된 배열 객체를 반환한다.
예제:
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
$(function() {
var arr1 = [{
"area" : "서울",
"name" : "박대리"
},{
"area" : "부산",
"name" : "무과장"
},{
"area" : "대전",
"name" : "김부장"
}]
var arr2 = $.map(arr1, function(a, b) {
if(a.area === "서울") {
return a;
}
});
console.log(arr2);
});
</script>
</body>
</html>
결과:
'제이쿼리' 카테고리의 다른 글
| each(), $.each() (0) | 2020.12.06 |
|---|---|
| jquery 분석 (0) | 2020.11.20 |
| 사용자 정의 메소드 (0) | 2020.11.09 |
| .val()에 대해 (0) | 2020.10.15 |
| [제이쿼리] 가장 가까운 상위 요소 선택자 (0) | 2020.10.04 |
