[JAVA SCRIPT] 반복문의 종류

[JAVA SCRIPT] 반복문의 종류

1. while 반복문

가장 간단한 반복문인 while 반복문이다. if문과 비슷하다고 생각하면 될 것 같다.

조건 - > true 면 문장 실행

조건 - > false 면 실행x

 

아래의 코드는 무한반복된다. while조건이 사실이면 alert창이 실행된다.

단, 아래의 코드는 while이 true이기 때문에 무한 반복으로 alert창이 실행되기 때문에 실행하면 안된다.

<script>

    //조건이 사실이면 alert이 무한반복되서 나온다.
    while(true){
        alert("무한반복됩니다.")
    }

</script>

반복조건을 주어 반복문을 작성한 코드입니다.

<script>

    var method = 0;

    
    while(method < 10){
        alert(method + '번 반복되었습니다.');
        method++;
    }

</script>

alert창에 루프가 도는 번수가 출력되어 *번 반복됩니다가 alert창으로 출력된다.

2. do while 반복문

while 반복문은 true면 다음 문장이 실행, false면 다음문장이 실행되지 않는다. 하지만 위의 반복문은 최소한 한번은 문장을 실행해야할 경우 사용하는 반복문이다. 특수한 경우에 사용되며 while문에 비해 현저하게 적게 사용되는 구문이긴 합니다.

<script>

    var method = 0;

    do{
        alert(method + '번 실행됩니다.');
        method++;
    }while (method < 10);

</script>
</html>

ex) 회원가입시 사업자번호를 꼭 기재해줘야 하는 경우, 사업자번호를 기재해주라는 문장을 실행하고 반복해서 작업이 이루어질 경우에 사용할 수 있습니다.

3. for 반복문

while 반복문의 경우 조건에 비중을 두는 반복문이라면 for 반복문의 경우 횟수에 비중을 둘 때 사용하는 반복문입니다. for문은 초기식과 종결식이 있습니다. while문과 다른 점이라면 초기식이 실행되며 조건을 비교합니다. 조건이 거짓이면 빠져나오고 맞다면 문장이 실행됩니다. 문장이 실행되고 종결식이 실행되며 다음 단계로 넘어갑니다.

<script>

    // for 반복문을 실행했을 때
    for (var method = 0; method < 15; method++){
        alert(method + '번 실행합니다.');
    }

    //length 속성(배열)을 활용한 for 반복문 사용

    //변수 선언 및 배열
    var arrayList = [123, 456, 789, 0147, 7777];

    //for반복문 
    //alert 값에 배열의0번째부터 4번째까지의 값을 담은 alert창이 뜬다.
    for (var i = 0;  i < arrayList.length; i++){
        alert(arrayList[i]);
    }

</script>

4. for in 반복문

자바스크립트의 경우 배열이나 객체를 더욱 쉽게 다룰 수 있도록 for in 반복문을 제공합니다. 정말 유용하게 사용하실 반복문입니다. 형태는 이렇습니다. for (var i in arrayList) { 문장 }

<script>

    //변수 선언 및 배열
    var arrayList = [123, 456, 789, 0147, 7777];

    //for in 반복문
    //alert 값에 배열의0번째부터 4번째까지의 값을 담은 alert창이 뜬다.
    for (var i in arrayList){
        alert(arrayList[i]);
    }

</script>

5. for 중첩반복문

for 반복문에 또 for 반복문을 쓰는 방식의 반복문입니다. 말이 어렵죠.? 간단하게 코드를 보면서 해보겠습니다.

<script>

    //변수를 설정
    var method = '';

    //for문에 for문을 넣어 2가지 문장이 실행되도록 코드를 작성합니다.
    for (var i = 0; i < 15; i++){
        for (var j = 0; j < i; j++){
            method += '★';
        }
        method += '\n';
    }

    alert(method);

</script>

for 반복문의 중첩을 통해서 아래와 같은 alert창의 값을 만들어냈습니다.

무척 어려운 for문이며 많이 사용할 일이 없는 반복문입니다.

반복문을 마무리하며...

사실 반복문은 정말 많이 사용됩니다. 그 중 while문과 for문 그리고 for in문은 꼭 숙지를 하셔야 합니다. test코드뿐만 아니라 반복문을 사용해야 하는 경우가 정말 많기 때문입니다. 위의 반복문들을 숙지하시고 더욱 공부해보시면 좋을 것 같습니다.