달력

5

« 2024/5 »

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

'Javascript & HTML & CSS/pure javascript'에 해당되는 글 22

  1. 2016.08.09 Array객체의 map() 메서드

MDN(Mozila Developer Network)에 보면 Array 객체의 map메소드를 이렇게 정의하고 있다.

 map() 메소드는 배열 내의 모든 요소 각각에 대하여  제공된 함수(callback)를 호출하고, 그 결과를 모아서,  새로운 배열을 반환합니다.


우선 형태는 다음과 같다.

   (배열Object).map(콜백함수) 


위 정의가 무슨 말인지 모르겠으면 예제를 보자.

[1,2,3,4,5].map(function(data){

return num * num;

});

[1,2,3,4,5]라는 배열이 있다.

근데 이 배열의 각 엘리먼트에 제곱연산을 한 배열을 생성하고 싶다.

그러면 위와 같이 쓰면 된다는 얘기.

배열을 순회하면서 각 인덱스마다 콜백함수가 호출된다.

그럼 그 콜백함수에서는 각 엘리먼트의 자료를 가공하는 것이 가능하겠지?

그러면 그 가공한 결과를 새로운 배열에 담으며 끝!

:
Posted by 클레잇