반복문은 우리가 수동적으로 반복적인 코드를 치지 않아도 될 수 있도록 도와준다.
for 문은 초깃값; 조건식; 증감문의 순서로 작성, 조건식이 거짓이 될 때 까지 반복한다.
for 문 안에는 변수, 배열(array), 또 다른 반복문이 들어올 수 도 있다.
<script>
var num;
for ( num = 1; num <= 100; num++ )
{
document.write( num, '<br>' );
}
</script>
while 문은 조건식과 함께 작성, 이 또한 조건식이 거짓이 될 때 까지 반복한다.
<script>
var num;
num = 1; //초깃값
while ( num <= 100 ) //조건식
{
document.write( num, '<br>'); //실행문
num++; //증감식
}
</script>
do... while 문은 do{실행문} while(조건식) 의 형태로 작성, 실행을 선 1회 하고, 조건식 검사로 반복 체크한다.
<script>
var num;
num = 1; //초깃값
do
{
document.write( num, '<br>'); //실행문
num++; //증감식
}
while ( num <= 100 ) //조건식
</script>
for-in 문은 i를 0으로 초기화하고, 배열의 길이와 비교하고, i를 1씩 증가시키는 등의 코드를 생략할 수 있도록 만든 문법이다. 인덱스의 값으로 무엇을 할당하고, 반복문이 몇번 돌아야 할지를 자바스크립트 엔진 내부에서 자동으로 결정한다.
<script>
const arr = ['coconut', 'banana', 'strawberry', 'apple'];
for(let i in arr) {
console.log(i);
console.log(arr[i]);
}
// 0 coconut 1 banana 2 strawberry 3 apple
</script>