본문 바로가기
알고리즘/함수 in javascript

map()함수 - 각 요소마다 적용 in javascript

by lucian 2022. 7. 15.

map()함수는 python에서 쓰는 map함수의 쓰임새가 같다.

그러나 동작하는 방법은 다른데 javascript의 reduce함수와 유사하다.

 

map()함수는 배열안에 각 요소에게 기능을 적용할 때 쓰인다.

아주 간단한 예를 들면,

배열 요소안에 각각 *2를 하고 싶으면 map을 쓰면 된다.

보통 for을 써서 요소하나하나씩을 꺼내 2를 곱하는데 이것을 대신해주는 함수가 map()함수이다.

let numbers = [ 1,2,3,4,5,6,7,8,9];
let newNumbers = numbers.map(number =>number *2);

결과 값으로 newNumbers=[2,4,6,8,10,12,14,16,18]이 나온다.

이 뿐 아니라 배열 안에 요소들의 인덱스값도 꺼내올 수 있다.

 

밑의 정리 잘된 map()함수를 포스트한다.

미래의 나야 참고하자.

 

 

https://velog.io/@daybreak/Javascript-map%ED%95%A8%EC%88%98

 

[Javascript] map함수

map함수는 callbackFunction을 실행한 결과를 가지고 새로운 배열을 만들 때 사용한다. array.map(callbackFunction(currenValue, index, array), thisArg)filter, forEach와 같은 구문이다.

velog.io

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

 

Array.prototype.map() - JavaScript | MDN

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

developer.mozilla.org

 

댓글