1. 공통점: 호출한 배열을 순환하면서 각 요소마다 콜백함수를 호출한다.
//arr.forEach()
const arr = [1, 2, 4];
const newArr = arr.forEach(x=> x*2);
console.log(newArr) // undefined;
//arr.map()
const arr = [1, 2, 4];
const newArr = arr.map(x=> x*2);
console.log(newArr) // [2, 4, 8]
2. 차이점:
forEach() - return 값 = undefined; (단순 반복 == for문)
map() - return 값 = 콜백 함수를 수행한 새로운 배열
'FRONTEND > JavaScript' 카테고리의 다른 글
[JS] FormData() 생성자에 데이터 추가하는 법 (0) | 2022.08.31 |
---|---|
[JS] Map()의 메서드 종류 (0) | 2022.08.29 |
[JS] 버블정렬 알고리즘 오름차순, 내림차순 (0) | 2022.08.25 |
[JS] 문자열을 배열로 바꾸고 공백 제거하기 (+배열 공백제거) (0) | 2022.08.23 |
[JS] 요소.getBoundingClientRect() 메서드 속성 (0) | 2022.08.21 |