배열 $.map() > JQUERY

• 목록

$.map() 메서드는 $.each() 메서드와 동일한 기능을 가지고 있다. 

차이점은 매개 변수의 순서가 서로 반대이며, $.map() 메서드의 경우 기존의 배열을 이용하여 새로운 배열( 예를 들어 조건문을 이용해서 출력문의 배열을 재정렬 )을 만들 수 있지만, $.each() 메서드는 만들 수 없다. 

* 수정,추가 부분에서 .map() 메서드 대신 .each() 메서드를 사용하면 조건문을 무시 return 실행되어 배열을 그대로 출력된다. ​

ex)

<script>

var city = ["서울","대전","대구","부산"];

$.each(city, function(index, value){

document.write(index+" : "+value+"<br>");

});

$.map(city, function(index, value){ //매개 변수의 순서가 서로 반대

document.write(index+" : "+value+"<br>");

});

</script>

[실행결과]

0 : 서울

1 : 대전

2 : 대구

3 : 부산

서울 : 0

대전 : 1

대구 : 2

부산 : 3

[수정,추가]

<script>

$(document).ready(function(){

var city = ["서울","대전","대구","부산"];

var newcity = $.map(city, function(value, index){ //변수 순서 반대로 정렬

if(index < 2){ //map() 메서드 일때만 실행

return value;

}

});

document.write(newcity.toString());

});

</script>

[실행결과]

 서울,대전