[제어문] - 반복문 (iteration statements)

• while 문
  • 특정 조건을 만족할 때까지 반복 실행
  •  

    

    while문

  • //문법
    
    while (표현식) {
        표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문
    }

  • // 예제
    
    var i = 1;
    while(i < 10) {  // 변수가 i가 10보다 작을 때만 while문 반복
        document.write(i + "<br>");
        i++; // 반복할 때마다 변수 i를 1씩 증가시켜 변수 i가 10보다 커지면 반복문을 종료함
    }
    
    // 결과
    // 1
    // 2
    // 3
    // 4
    // 5
    // 6
    // 7
    // 8
    // 9

• do / while문
  • 표현식의 결과와 상관없이 무조건 한 번은 루프 실행
  • 먼저 루프 한 번 실행 후 표현식 검사

  • 

    do ~ while 문

  • // 문법
    do {
        표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문
    } while(표현식)

  • // 예제
    
    var i = 1, j = 1;
    while (i > 3) { // 변수 i의 초깃값은 1이기 때문에 이 while문은 한 번도 실행되지 않음
        document.write("i: " + (i++) + "<br>");
    }
    
    do { // 변수 j의 초깃값은 1이기 때문에 이 do / while문은 단 한번만 실행됨.
        document.write("j: " + (j++) + "<br>");
    }while(j > 3);
    
    // 결과
    // j : 1

• for 문
  • 초기식 / 표현식 / 증감식 포함

  • 

    for 문

  • // 문법
    
    for(초기식; 표현식; 증감식) {
        표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문.
    }
    
    // 쉼표(,)로 여러 개의 초기식이나 증감식을 동시에 사용 가능

  • // 예제
    
    for(var i = 1; i < 10; i++) {
        document.write(i + "<br>");
    }
    
    // 결과
    // 1
    // 2
    // 3
    // 4
    // 5
    // 6
    // 7
    // 8
    // 9

• for / in 문
  • 해당 객체의 모든 열거할 수 있는 프로퍼티를 순회할 수 있도록 해준다.

  • // 문법
    
    for(변수 in 객체) {
        객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문
    }

  • // 예제 (배열의 요소에 접근)
    
    var arr = [3, 4, 5];
    
    for(var i = 0; i < arr.length; i++) { // 배열 arr의 모든 요소의 인덱스를 출력
        document.write(i + " " + "<br>");
        document.write("arr[" + i + "] : " + arr[i] + "<br>");
    }
    document.write("<br>");
    
    for(var i in arr) { // 위와 같은 동작을 한다.
        document.write(i + " " + "<br>");
        document.write("arr[" + i + "] : " + arr[i] + "<br>");
    }
    document.write("<br>");
    
    // 결과
    // 0
    // arr[0] : 3
    // 1
    // arr[1] : 4
    // 2
    // arr[2] : 5
    
    // 0
    // arr[0] : 3
    // 1
    // arr[1] : 4
    // 2
    // arr[2] : 5

  • // 예제 (객체의 프로퍼티에 접근)
    
    var obj = {name: "이순신", age: 20};
    for (var i in obj) {
        document.write(i + "<br>");
        document.write(obj[i] + "<br>");
    }
    
    // 결과
    // name
    // 이순신
    // age
    // 20

• for / of 문
  • 반복할 수 있는 객체(iterable objects)를 순회할 수 있도록 해주는 반복문
  • 반복할 수 있는 객체 : Array, Map, Set, arguments
  • 익스플로러에서 지원하지 않는다.

  • // 문법
    
    for( 변수 of 객체) {
        객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문
    }

  • // 예제 (배열의 요소에 접근)
    
    var arr = [3, 4, 5];
    for (var i = 0; i < arr.length; i++) {
        document.write(arr[i] + " ");
    }
    
    for ( var value of arr) { // 위와 같은 동작
        document.write(value + " ");
    }
    
    // 결과
    // 3 4 5
    // 3 4 5

  • // 예제 (Set 객체의 프로퍼티에 접근)
    
    var arr = new Set([1, 1, 2, 2, 3, 3]);
    
    for(var value of arr) {
        document.write(value + " ");
    }
    
    // 결과
    // 1 2 3