[Javascript] for 반복문 정리

 

코드를 짜면서 for반복문을 많이 돌리게됩니다. 

 

오늘은 for반복문을 정리하며 개념을 알아가보려합니다.

 

 

for반복문

 

 

 

가장 기본적인 for반복문입니다.

 

반복횟수와 초깃값이 명확할 때 사용합니다.

 

보통 누적되는 계산이나 반복적인 연산처리를 할때 사용하기도 하고 

 

반복적인 HTML을 만들때 사용하기도 합니다.

 

 

forEach반복문

 

 

 

forEach반복문은 배열전용 반복문이라 생각해도 됩니다.

 

괄호 안에 콜백함수를 넣어서 배열안의 갯수만큼 함수를 실행합니다.

 

콜백함수 안의 인자는 아무렇게나 작명해도됩니다.

 

보통 관습적으로 a와 i라는 인자를 많이 사용합니다.

 

a는 배열안의 데이터 그 자체를 의미하고 i는 index명을 의미합니다.

 

배열 안의 데이터를 데이터 바인딩 해서 HTML로 만든다던지,

 

탭메뉴같은 UI만들때 쓰곤 합니다.

 

 

 

for...in반복문

 

 

for..in같은 경우는 object용 반복문이라 생각하면 됩니다.

 

object안에 있는 데이터를 하나씩 꺼내 반복돌릴 때 사용합니다.

 

 

 

 

 

그리고 prototype에있는 속성또한 반복돌려줍니다.

 

 

for...of문

 

 

 

 

 

for of문은 iterable한 자료형이면 사용할 수있는 자료형입니다.

 

 

iterable이란 반복할 수 있는 이라는 뜻을 가졌는데,

 

array나 문자나 map,set, DOM컬렉션 등에서 사용합니다.

 

이걸 확인하려면 [Symbol.iterator]()  이런 걸 쓰면 확인이 됩니다.

 

콘솔창에 다른 뭔가 나왔습니다.

 

 

 

객체같은 경우는 iteralbe자료형이 아니라서 안됩니다.

 

뭔가 대다수의, 자료형이 될거같아서 그냥 반복문을 돌렸는데

 

오류가 나온다면 iterable자료형인지 확인해보는 것이 좋은 방법입니다

 

for...of같은경우 forEach처럼 배열을 순회할 때 사용하기도하고 async키워드를사용해서 비동기 순회처리를 할 때 사용할 수도 있습니다..

 

 

/요약

 

1. for 반복문은 4종류가 있습니다. (for for..of for...in forEach)

 

2. 이 반복문들은 자료형에따라 제약이 있기도 하기 때문에 자료형에 맞춘 반복문을 써주는 것이 좋습니다.

 

3. 결국 반복문은 특별한 경우가 아니면 오류날 일이 흔하진 않습니다. 많이 사용해보는것이 정답입니다.