[Javascript] for 반복문 종류 ( for / for-in / for-of )

1. for: 기본 반복문
2. for-in: 배열의 인덱스를 기준으로 반복
3. for-of: 배열의 요소를 기준으로 반복

 

1. for 반복문

const arr = ['a','b','c','d','e','f'];

for(let i = 0; i < arr.length; i++){
	console.log(" "+arr[i]);
}

// <출력> 
// a b c d e f 

 

가장 기본적인 반복문의 형태로, 타 언어들의 반복문과 동일하다. 내부에 변수를 선언하여 사용하며, 원하는 만큼 반복횟수를 지정하여 반복한다.

 

 

2. for-in 반복문

const arr = ['a','b','c','d','e','f'];

for(const i in arr){
	console.log(" "+i);
}

// <출력> 
// 0 1 2 3 4 5

어떤 배열에 대해 반복하는 것으로, 해당 배열의 인덱스에 직접 접근한다. 따라서 반복 횟수는 해당 배열의 길이가 된다.

 

 

3. for-of 반복문

const arr = ['a','b','c','d','e','f'];

for(const i of arr){
	console.log(" "+i);
}

// <출력> 
// a b c d e f

마찬가지로 어떤 배열에 대해 반복하는 것이지만, 해당 배열의 인덱스가 아닌 요소에 직접 접근한다. 반복 횟수는 역시나 배열의 길이가 된다.