'jquery map'에 해당되는 글 1건

jquery map

프로그램/js 2015. 3. 27. 17:01

기본 array를 새로운 array로 mapping 하는 함수.


공식홈에서는 이렇게 가이드를 하고 있다.

  • jQuery.map( array, callback )

    • array
      Type: Array
      The Array to translate.
    • callback
      Type: FunctionObject elementOfArray, Integer indexInArray ) => Object
      The function to process each item against. The first argument to the function is the array item, the second argument is the index in array The function can return any value. A returned array will be flattened into the resulting array. Within the function, this refers to the global (window) object.
  • version added: 1.6jQuery.map( object, callback )

    • object
      Type: Object
      The Object to translate.
    • callback
      Type: FunctionObject propertyOfObject, String key ) => Object
      The function to process each item against. The first argument to the function is the value; the second argument is the key of the object property. The function can return any value to add to the array. A returned array will be flattened into the resulting array. Within the function, this refers to the global (window) object.

이를 설명하면 객체나 배열을 callback function의 첫 번째 인자로 주고  index or key의 두번째 인자를 활용하여  새로운 배열을 만들어 낼 수 있다. 


예를 들어 ..


var arr = [ "a", "b", "c", "d", "e" ];

arr = jQuery.map( arr, function( n, i ) {
return ( n.toUpperCase() + i );
});

이렇게 연산을 하면 리턴 배열은 

A0, B1, C2, D3, E4

이러한 결과 값을 가지게 되는 것이다.

'프로그램 > js' 카테고리의 다른 글

ajax와 인코딩문제  (0) 2015.03.27
javascript object 개념.  (0) 2015.03.27
jquery map  (0) 2015.03.27
slice()를 이용한 array copy  (0) 2015.03.27
jquery autocomplete  (0) 2015.02.22
블로그 이미지

종환 Revolutionist-JongHwan

github.com/alciakng 항상 겸손하자.

댓글을 달아 주세요