반응형
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 |