본문 바로가기
javascript

map() 함수

by hjcode 2019. 10. 28.
var numbers = [1,2,3,4,5];

for( var i = 0; i < numbers.length; i++ ){
   numbers[i]++;
}

console.log(numbers);
// 2,3,4,5,6

 

위 코드는 숫자들을 1씩 증가시켜 주는 로직입니다.

이 코드를 함수형 프로그래밍을 적용해서 다시 구현해보겠습니다.

자바스크립트 배열에 기본으로 제공되는 map()함수를 사용합니다.

 

var numbers = [1,2,3,4,5];

numbers = numbers.map(function(n){
	return n + 1;
})

console.log(numbers);
// 2,3,4,5,6

 

map() 함수는 인자로 함수를 입력받아 배열 안에 있는 요소에 그 함수를 적용시키고,

그 결과를 새로운 배열에 리턴해줍니다.

익명함수에서 return을 넣지 않으면 undefined로 가득 찬 배열을 리턴합니다.

 

반응형

'javascript' 카테고리의 다른 글

ES6 향상된 객체 리터럴  (0) 2019.11.24
filter() 함수  (0) 2019.11.01
화살표 함수  (0) 2019.10.24
로컬스토리지 예제  (0) 2019.10.21
퀴즈 만들기  (0) 2019.10.18