이전 글에서 map() 함수가 뭔지 모르는 상태에서 숫자 하나하나를 요소로 다루기 위해 문자열을 숫자를 문자열로 변환했다가 Number()를 사용해서 형변환을 계속 일일이 해줬었는데 .map(Number)를 사용해서 한번에 바로 숫자형을 배열에 담을 수 있었다.
그래서 map() 메소드가 무엇인지 공부해보았다.
map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 리턴한다!
const numArr1 = [1, 3, 5, 7, 9];
const arr1Result = numArr1.map(x => x * 7);
console.log(arr1Result); //[7, 21, 35, 49, 63]
const strNumArr = ["2", "4", "6", "8", "10"];
const numArr = strNumArr.map(Number);
console.log(numArr); //[2, 4, 6, 8, 10];
위에서 arrow function expression을 사용해보았다. mdn을 참고해서 작성해보았는데 아직 화살표 함수 표현식에 대해 잘 모르기 때문에 arrow function에 대한 개념도 공부를 해야겠다.
하나를 알면, 다른 무수히 많은 것들을 알아야 더 잘 사용할 수 있다. 공부는 끝이 없기 때문에 평생 재밌게 공부한다 생각하고 즐기자! :)