Tang's
탕로그
Tang's
전체 방문자
오늘
어제
  • 분류 전체보기 (35)
    • FRONTEND (26)
      • JavaScript (6)
      • Algorithm (2)
      • CSS (2)
      • React (5)
      • Next.js (1)
      • 기타 (4)
      • 임시 (1)
      • 백만가지 ERROR (4)
      • 면접준비 (0)
      • project (1)
    • BACKEND (2)
      • Node.js (1)
      • MongoDB (1)
    • TODAY (7)
      • 생각 (1)
      • 회고 (6)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • docker-compose ci/cd
  • partial prerendering
  • nextjs ci/cd
  • 프론트엔드 면접질문
  • 폴더 권한 변경
  • jest nextjs typescript
  • nginx-proxy-manager
  • 개발자 회고
  • Next.js 14
  • jest recoil
  • nextjs metadata
  • jest react-query
  • modal 제어
  • server action
  • 신입 프론트엔드 개발자 회고
  • Nextjs docker
  • 프론트엔드 개발자 회고
  • linux 폴더 권한
  • Turbopack
  • 폴더 권한 설정
  • yarn create next-app
  • React
  • 폴더 권한 확인
  • jest 초기 세팅
  • ec2 권한 설정
  • 신입 프론트엔드 개발자
  • 회고
  • props와 state 차이점
  • display:flex
  • jest

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Tang's

탕로그

FRONTEND/JavaScript

[JS] arr.forEach() 와 arr.map()의 차이점!

2022. 8. 27. 19:40

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
    'FRONTEND/JavaScript' 카테고리의 다른 글
    • [JS] FormData() 생성자에 데이터 추가하는 법
    • [JS] Map()의 메서드 종류
    • [JS] 버블정렬 알고리즘 오름차순, 내림차순
    • [JS] 문자열을 배열로 바꾸고 공백 제거하기 (+배열 공백제거)
    Tang's
    Tang's
    탕탕한 탕진의 기술 블로그!

    티스토리툴바