자바스크립트 반복문(Loop) 종류 및 정리 (for in, for of, forEach)

대표적인 for문 이외에도 자주 쓰이는 반복문이 있어서 정리한다.

 

 

 

 

// 예제 배열

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

 

 

 

 

1. for in

=> 객체의 property에 루프를 실행한다 (배열에서는 index)

 

// 실행

for(let index in arr)

    console.log(index);

 

// 결과

0
1
2
3
4

 

 

 

 

 

 

2. for of

=> 컬렉션의 요소(즉, 배열에서는 값)에 루프를 실행한다.

 

// 실행

for(let value of arr)

    console.log(value);

 

// 결과

a
b
c
d
e

 

 

 

 

 

 

3. forEach

=> 함수의 Parameter 는

1) (value) 

2) (value, Index) 

3) (value, index, array) 이 가능, 혹은 없어도 됨

 

// 실행

arr.forEach((value, index, array)=>{

    console.log(`value= ${value}`);

    console.log(`index = ${index}`);

    console.log(`array= ${array}`);

})

 

// 결과
value= a 
index = 0 
array= a,b,c,d,e 
value= b 
index = 1 
array= a,b,c,d,e 
value= c 
index = 2 
array= a,b,c,d,e 
value= d 
index = 3 
array= a,b,c,d,e 
value= e 
index = 4 
array= a,b,c,d,e