[Java Script] Array.prototype.map() 이란?

백준 문제를 풀면서 많이 쓰고 있는 map() 메서드에 대해 정리해보려한다.

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

 

 

 

구문

array.map(callbackfn(currentValue, index, array), thisArg)

- callbackfn : 새로운 배열 요소를 생성하는 함수

- currentValue : 처리할 현재 요소

- index (생략 가능) : 처리할 현재 요소의 인덱스

- array (생략 가능) : map()을 호출한 배열

- thisArg (생략 가능) : callback을 실행할 때 this로 사용되는 값

 

 

예제 

const array = [1, 3, 6, 9];

const mapArray = array.map((x) => x * 2);

console.log(mapArray);

 

array 배열의 각각 요소에 대해 *2를 한 후 새로운 배열 mapArray을 반환한다.

 

백준 문제를 풀 때 많이 사용하는 방식으로 예를 들어보자.

 

const array = ["1", "3", "6", "9"];

const mapArray = array.map((x) => parseInt(x));

console.log(array, typeof array[0]);
console.log(mapArray, typeof mapArray[0]);

 

백준에서 문제를 풀때에는 보통 다음과 같이 쓸 때가 많다. (물론 다른 경우에도 많이 사용!)

let input = require("fs")
  .readFileSync("example.txt")
  .toString()
  .trim()
  .split("\n")
  .map((x) => parseInt(x)); // input의 값들이 string이기 때문에 parseInt 하여 number로 바꿈 

const count = new Set(input.map((x) => x % 42)).size;
console.log(count);

 

왼) map() 메서드 사용 전의 input 배열 / 오) map() 메서드를 사용한 input 배열

 

 

---

참고)

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

Array.prototype.map() - JavaScript | MDN