ABOUT ME

-

Today
-
Total
-
  • [생활코딩] JavaScript 반복문
    Study/JavaScript 2019. 12. 3. 10:07
    반응형

     

    반복문 Loops and iteration

     

    반복문 조건이 true면 계속 실행하고, false일때 멈추고 그 다음 코드를 실행한다.

    순서대로 진행하는 프로그램 실행 순서를 제어하는 것이 반복문이다.
    반복문이 언제 종료될것인지 잘 지정해야한다.

     

    while 반복문 형식

     

    while (조건) {

      코드 }

    var n = 0;
    
    while (n < 3) {
      n++;
    }
    
    console.log(n);
    // expected output: 3
    

     

    for 반복문 형식

     

    for ( 초기화; 반복조건; 반복이 될 때마다 실행되는 코드) {

      코드 }

    var str = "";
    
    for (var i = 0; i < 9; i++) {
      str = str + i;
    }
    
    console.log(str);
    // expected output: "012345678"
    


    ※ i=i+1; 는 i++;와 같다.

    while과 for의 차이점


    while문은 [ ①초기화 ②반복조건 ③반복이 될 때마다 실행되는 코드 ] 의 기입장소가 서로 멀어질 수 있는데,
    for문 같은 경우,  for( ① ; ② ; ③ ) { ~ } 이런 형식으로, 괄호 안에 한 번에 전부 기입할 수 있다.
    그러므로, 더 보기 편하고 오류도 줄일 수 있다.
    초기화: 반복문 실행할 때 단 한번만 실행되는 요소

     


    반복문을 실행 도중에 제어하고 싶을 때


    break : 반복문 도중에 만나면 완전히 정지시키고 빠져나간다
    continue : 반복문 도중에 만나면 한 번 정지했다가 다시 반복문을 재실행 시킨다 (변수의 초기화는 하지 않음)

     

    var i = 0;
    
    while (i < 6) {
      if (i === 3) {
        break;
      }
      i = i + 1;
    }
    
    console.log(i);
    // expected output: 3
    var text = "";
    
    for (var i = 0; i < 10; i++) {
      if (i === 3) {
        continue;
      }
      text = text + i;
    }
    
    console.log(text);
    // expected output: "012456789"
    


    그리고 반복문은 다중 반복문이 가능하다. 즉 반복문 안에 또 반복문을 실행할 수 있다.


    반응형

    'Study > JavaScript' 카테고리의 다른 글

    [생활코딩] JavaScript 배열  (0) 2019.12.04
    [생활코딩] JavaScript 함수  (0) 2019.12.04
    [생활코딩] 코드 리팩토링  (0) 2019.12.02
    [생활코딩] JavaScript 조건문  (0) 2019.12.01
    [생활코딩] JavaScript 비교연산자  (0) 2019.12.01

    댓글