자바스크립트 - 배열 메소드 정리

 

 

Array.map()이란?

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.

map은 callback 함수를 각각의 요소에 대해 한 번씩 순서대로 불러 그 함수의 반환 값으로 새로운 배열을 만든다.

callback 함수는 배열 값이 들어있는 인덱스에 대해서만 호출된다. 즉, 값이 삭제되거나 아직 값이 할당/정의되지 않은 인덱스에 대해서는 호출되지 않는다.

 

예시를 통해 알아보자.

map()을 이용해서 구구단 3단의 수를 출력 해보도록 하자.

data변수 안에 1 ~ 9까지의 배열이 담겨져 있고, map매서드를 통해서 각 항목에 × 3을 해서 새로운 배열을 result라는 변수에 담아서 출력한다.

출력한 결과 구구단 3단의 수들이 result에 담겨 있는 것을 볼 수 있다.

그러고 다시, data 변수의 값을 확인하면 아무런 변화가 없다는 것을 확인할 수 있다.

 

이외에도 비슷한 배열에서 쓸 수 있는 메서드들이 존재한다.

Array.forEach() : 한개씩 돌면서 기존의 배열에서 반환한다.

 

Array.filter() :  조건에 맞는 것만 새로운 배열로 반환한다.