[JavaScript] for문, for...in문, for...of문, forEach문

반복문은 다양한 종류가 있습니다. 반복문이 기본적으로 하는 일은 모두 같습니다.

반복문은 한 동작을 여러 번 반복합니다. (사실 0회 반복하는 것도 가능합니다.)

다양한 반복문 매커니즘은 다양한 방법으로 반복문의 시작점과 끝나는 점을 정할 수 있습니다.

 

for 문

for 반복문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복합니다. 자바스크립트의 반복문은 C의 반복문과 비슷합니다.

for ( 초기문; 조건문; 증감문 )
 조건문의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문

for문이 실행될 때, 다음과 같이 실행됩니다.

1. 초기화 구문인 초기문이 존재한다면 초기문이 실행됩니다. 이 표현은 보통 1이나 반복문 카운터로 초기 설정이 됩니다. 그러나 복잡한 구문으로 표현될 때도 있습니다. 또한 변수로 선언 되기도 합니다.
2. 조건문은 조건을 검사합니다. 만약 조건문이 참이라면, 그 반복문은 실행됩니다. 만약 조건문이 거짓이라면, 그 for문은 종결됩니다. 만약 그 조건문이 생략된다면, 그 조건문은 참으로 추정됩니다.
3. 문장이 실행됩니다. 많은 문장을 실행할 경우엔, { }를 써서 문장들을 묶어줍니다.
4. 갱신 구문인 증감문이 존재한다면 실행되고 2번째 단계로 돌아갑니다.

for(var i=1; i<10; i++){
    console.log(i + "입니다");
}

 

for...in 문

for(var item in 배열or객체) {...}

(item 은 반복변수를 의미)

for...in 문은 파이썬의 for...in 문의 사용 방법과 흡사합니다.

괄호 안에서 in 을 기준으로 오른쪽에 반복해서 불러올 배열 혹은 객체를 넣어주면, for...in 문이 한번씩 반복될 때마다 반복 변수에 인덱스가 들어갑니다.

fruit = ['apple', 'banana', 'strawberry']

for(var item in fruit){
	console.log(item + "번째 과일은 " + fruit[item]);
}

결과
0번째 과일은 apple
1번째 과일은 banana
2번째 과일은 strawberry

 

위에서 구한 값처럼 fruit[0] 과 같이 배열 혹은 객체의 인덱스로 값을 구할수도 있지만, for문으로 구한 item에 값 자체를 가지고 싶을때 사용하는 방법도 있습니다.

 

그때 사용하는 것이 for...of 문 입니다.

 

for...of 문

for(var item of 배열or객체) {...}

for...of 문도 for...in 과 사용법이 동일합니다.

대신, 반복 변수 item 에 인덱스가 아닌 반복된 순서에 해당하는 값이 들어갑니다.

fruit = ['apple', 'banana', 'strawberry']

for(var item of fruit){
	console.log(item);
}

결과
apple
banana
strawberry