[JavaScript] for문과 forEach문 차이

2022. 4. 25. 16:06·JavaScript
반응형

for문 예시

const array = new Array(4);

for (let i = 0; i < array.length; i ++){
	// ...
}

forEach문 예시

const array = new Array(5);

object.forEach(element => {
	// ...
})

차이점 

동기와 비동기 

for문은 동기 방식이기 때문에 오류가 나면 오류가 난 위치 이후의 작업이 동작하지 않고 멈춰버린다. 

하지만 forEach문은 비동기 방식이기 때문에 멈추지 않고 동작한다. 

 

성능 차이

forEach 문은 " 향상된 for문 " 이라고 칭하며, 가변적인 배열이나 리스트 크기를 구할 필요가 없어 

복잡한 반복문에 적합하며, 인덱스를 생성하여 접근하는 for문보다 수행 속도가 빠르다. 

 

forEach문의 단점

1. 반복문 내에서 배열이나 리스트 값을 변경하거나 추가할 수 없다. 

오직 읽기 전용으로 불러오기 때문에 데이터를 수정할 수 없다. 

 

2. 배열을 역순으로 탐색할 수 없다. 

순서대로 정보를 가져오기 때문에 역순으로 가져올 방법이 없다. 

반응형
저작자표시 비영리 변경금지 (새창열림)

'JavaScript' 카테고리의 다른 글

[JavaScript] 콜스택  (1) 2022.06.04
[JavaScript] 제너레이터와 이터레이터  (4) 2022.05.20
[JavaScript] ES6에서의 순회와 이터러블  (2) 2022.05.19
[JavaScript] 고차 함수 ( Higher-Order Function )  (2) 2022.05.18
[JavaScript] 함수 ( 선언 ) 형 프로그래밍  (3) 2022.05.17
'JavaScript' 카테고리의 다른 글
  • [JavaScript] 제너레이터와 이터레이터
  • [JavaScript] ES6에서의 순회와 이터러블
  • [JavaScript] 고차 함수 ( Higher-Order Function )
  • [JavaScript] 함수 ( 선언 ) 형 프로그래밍
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    알고리즘
    next.js
    다이소
    영어독학
    ReactNative
    타일러영어
    Babel
    리얼클래스
    CSS
    리얼학습일기
    Node.js
    react
    typescript
    CCNA
    리액트
    네이버 부스트캠프
    javascript
    자바스크립트
    덤프
    바질 키우기
    redux
    타입스크립트
    바질
    webpack
    영어회화
    식물
    Docker
    프로그래머스
    네트워크
    ChatGPT
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[JavaScript] for문과 forEach문 차이
상단으로

티스토리툴바