jQuery 배열 처리 > script

callback을 테스트 함수로 사용하여 array를 필터링 한다.

object를 배열로 변환한다.

각 항목에 callback을 수행한 결과로 새로운 배열을 생성하여 반환한다.

value가 array내에 있는지 검사한다.

array1와 array2의 내용을 합친다.

array에서 중복된 DOM 요소를 제거한다.

EX)

//jQuery.each를 사용하여 배열과 개체를 반복하여 처리

<div id="months"></div>

<div id="days"></div>

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 

<script type="text/javascript">

  (function ($) {

    $(document).ready(function () {

             var months = ["January","February","March","April","May","June","July","August",

                               "September","October","November","December"];

             $.each(months, function() {

                 $("#months").append("<li>" + this + "</li>");

             });

 

             var days = {Sunday:0, Monday:1, Tuesday:2, Wednesday:3,

                              Thursday:4, Friday:5, Saturday:6 };

             $.each(days, function(key) {

                 $("#days").append("<li>" + key + " (" + this + ")</li>");

             });

           });

  })(jQuery);

</script>

 

//jQuery.grep, jQuery.map

<div id="months"></div>

<script type="text/javascript">

  (function ($) {

    $(document).ready(function () {

             var months = ["January","February","March","April","May","June","July","August",

                               "September","October","November","December"];

            

            //jQuery.grep을 사용하여 배열 필터링하기

            months = $.grep(months, function(value, i) {

                     return ( value.indexOf('J') == 0 );  //J로 시작하는 항목 검색

             });

 

            //jQuery.map을 사용하여 배열 항목을 반복하며 수정하기

             months = $.map(months, function(value, i) {

                     return value.substr(0,3)   //처음 3글자만 추출

             });

 

             $("#months").html( "<li>" + months.join("<li>|</li>") + "</li>" );

           });

  })(jQuery);

</script>