for문 예시
let arr = ["1", "2", "3"]
for(let i=0; i<arr.length; i++){
console.log(arr)
}➡️ 인덱스 0부터 시작해서 배열의 길이만큼 순회하면서 배열의 각 원소들을 출력
forEach문 예시
let arr = ["1", "2", "3"]
arr.forEach(item => {
console.log(arr)
});➡️ 배열을 순회하면서 배열의 각 원소들을 출력
두 개의 결과는 같게 나온다.
그럼 for문 과 forEach문 의 차이는 뭘까? 🧐
📌 차이점
동기와 비동기
for문 은 동기 방식 이기 때문에 오류가 나면 오류가 난 위치 이후의 작업이 동작하지 않고 멈춰버린다.
하지만 forEach문 은 비동기 방식 이기 때문에 멈추지 않고 동작한다.
성능 차이
forEach문 은 향상된 for문 이라고 칭하며, 가변적인 배열이나 리스트 크기를 구할 필요가 없어 복잡한 반복문에 적합하며, 인덱스를 생성하여 접근하는 for문보다 수행 속도가 빠르다.
📌 forEach문의 단점
1. 반복문 내에서 배열이나 리스트 값을 변경하거나 추가할 수 없다.
오직 읽기 전용으로 불러오기 때문에 데이터를 수정할 수 없다.
2. 배열을 역순으로 탐색할 수 없다.
순서대로 정보를 가져오기 때문에 역순으로 가져올 방법이 없다.
다음에는 forEach문 에 좀 더 자세히 알아보고 Tab 기능까지 구현해 보겠습니다!!
