[JS] for문과 forEach문의 차이? + "-1로 초기화 하는 이유"

'forEach'와 'for' 루프는 배열의 요소를 반복하는 데 사용되는 반복문 이다.

그러나 두 가지 접근 방식에는 몇 가지 차이점이 있다.

 

1. 구문 : 'forEach'는 메서드 형태로 배열에 내장되어 있으며, 콜백 함수를 인자로 받는다. 'for' 루프는 일반적인 반복문 구문으로, 반복 조건과 반복 변수 등을 직접 제어한다.

 

2. 인덱스 및 요소 : 'forEach'의 콜백 함수는 배열의 각 요소에 대해 한 번씩 호출된다. 콜백 함수는 현재 요소, 현재 인덱스, 원본 배열을 인자로 받는다. 'for' 루프는 반복 변수를 사용하여 배열 요소에 접근한다.

 

3. 중단 가능 여부 : 'forEach'는 반복 도중에는 중단할 수 없다. 콜백 함수가 배열의 모든 요소에 대해 실행된다. 'for' 루프에서는 'break' 문을 사용하여 반복을 중단할 수 있다. 

 

4. 성능 : 성능 측면에서 'for' 루프가 더 빠르다. 'forEach' 메서드는 내부적으로 반복 변수를 사용하지 않으며, 반복 도중에 함수 호출이 발생하기 때문에 약간의 오버헤드가 있을 수 있다.

 

따라서, 배열을 순회하면서 간단한 작업을 수행할 때는 'forEach' 메서드를 사용하는 것이 편리하고 가독성이 좋다. 반면에 성능이 중요한 경우나 반복 도중에 중단이 필요한 경우에는 'for' 루프를 사용하는 것이 더 적합하다.

 

 

---

 

 

위에서 말하는 반복 변수란?

 

반복 변수는 반복문에서 사용되는 변수로, 반복 과정에서 현재 반복의 상태를 나타내는 값을 저장한다. 이 변수는 반복문 내에서 조건 검사나 배열 접근 등에 사용된다. 'for' 루프에서는 일반적으로 'i'라는 변수가 반복 변수로 사용되는 관례가 있다. 

 

예를 들어, 다음은 'for'루프에서 'i'를 반복 변수로 사용하는 예시이다.

for (var i = 0; i < 5; i++) {
  console.log(i);
}

 

위의 예시에서 'i'는 0에서 시작하여 5보다 작을 때까지 반복하며, 각 반복마다 'i'의 값을 출력한다. 따라서 콘솔에는 0부터 4까지의 숫자가 출력된다.

 

반복 변수는 반복문의 조건 검사에 사용될 수도 있다. 예를 들어, 배열의 요소를 순회하면서 특정 값을 찾을 때 다음과 같이 'for' 루프와 반복 변수를 사용할 수 있다.

var arr = [1, 2, 3, 4, 5];
var target = 3;
var index = -1; 

for (var i = 0; i < arr.length; i++) {
  if (arr[i] === target) {
    index = i;
    break;
  }
}

console.log(index);

위의 예시에서 arr 배열을 순회하면서 target 값과 일치하는 요소를 찾는다. 반복 변수 i를 사용하여 배열의 인덱스에 접근하고, 일치하는 경우 해당 인덱스를 index 변수에 저장한다. 이후 break 문을 사용하여 반복을 중단한다. 콘솔에는 일치하는 요소의 인덱스인 2가 출력된다.

 

이처럼 반복 변수는 반복 과정에서 현재 상태를 추적하고 제어하는 데 사용된다.

 

 

---

 

 

+ 추가적으로 바로 위의 코드에서 var index = -1; 이라고 초기화하는 이유가 궁금해서 찾아보았다.

 

배열에서 특정 값을 찾을 때 해당 값의 인덱스를 저장하는 변수를 초기화하는 방법 중에 하나이다.

 

위의 예시에서 'index' 변수를 배열 'arr' 에서 'target' 값과 일치하는 요소의 인덱스를 저장하는 용도로 사용된다. 초기값을 -1로 설정하는 이유는, 만약 일치하는 요소를 찾지 못하면 'index' 값이 -1로 유지되기 때문이다. 이는 일치하는 요소가 없음을 나타내는 표시이다.

 

만약 'index' 변수를 -1로 초기화하지 않고, 반복문 이전에 'var index;' 와 같이 변수를 선언하면, 'index' 는 자동으로 'undefined'로 초기화된다. 이후 일치하는 요소를 찾지 못한 경우 'index' 값은 'undefined' 상태로 유지된다. 따라서 초기값을 명시적으로 -1로 설정함으로써, 'index' 가 일치하는 요소를 찾지 못했음을 나타낼 수 있다.