[TIL]2022-11-12 // For 반복문 JavaScript

반복문

Loop Statement

---

// 반복횟수가 보통 명확하게 정해져 있는 경우에는 for문을 보편적으로 사용하고,
// while 팩토리얼과 같은 무한루프나 특정 조건이 만족할때까지 코드를 실행 시키고 싶을때 주로 사용한다.

---

for

// 사용법 : for(변수 선언문; 조건식 ; 증감식) { }
// 실행순서:
// 1. 변수선언문(i = 0) // 변수 선언문은 보편적으로 i를 사용함.
// 2. 조건식의 값이 참이면 { } 코드블럭을 수행
// 3. 증감식을 수행하여 값을 하나 증가시킴 (i++) , 2개씩 증가하고 싶다면 i = i + 2
// 4. 조건식이 거짓이 될 때까지 2번과 3번을 반복함

// 루프가 중지되지 않고 계속 반복적으로 도는 '무한루프'가 되어버리는 것을 주의 !
// for (;;) {  }
//  이렇게 작성이 된다면 무한루프가 됨. 코드블럭{ }에 클릭 명력을 한다면 이게 오토마우스 !?

// 반복문 안에서 그 흐름을 제어할 수 있는 2가지 키워드 !
// 반복문 제어 : continue, break;

// 반복문 Loop Statement
// 사용법 : for(변수 선언문; 조건식 ; 증감식) { }
// 실행순서:
// 1. 변수선언문(i = 0) // 변수 선언문은 보편적으로 i를 사용함.
// 2. 조건식의 값이 참이면 { } 코드블럭을 수행
// 3. 증감식을 수행하여 값을 하나 증가시킴 (i++) , 2개씩 증가하고 싶다면 i = i + 2
// 4. 조건식이 거짓이 될 때까지 2번과 3번을 반복함

for (let i = 0; i < 5; i++)  {
 for(let j = 0; j < 5; j ++) {
    console.log(i, j);
    }
}

// 루프가 중지되지 않고 계속 반복적으로 도는 '무한루프'가 되어버리는 것을 주의 !
// for (;;) {
//  } 이렇게 작성이 된다면 무한루프가 됨. 코드블럭에 클릭 명력을 한다면 이게 오토마우스 !?

// 반복문 안에서 그 흐름을 제어할 수 있는 2가지 키워드 !
// 반복문 제어 : continue, break;
for(let i = 0; i < 20; i++) {
    if(i === 10) {
        console.log('i가 드디어 10이 되었다!');
        continue; // continue가 나오는 순간 그 다음줄에 어떤 코드가 나오더라도 무시!
                 // 변수(i)를 바로 증가시키고, 다음 반복문으로 넘어감 !
        break; // loop를 특정한 조건에 그만두고 싶다면 break ! 
    }
    console.log(i);
}

 

MDN for : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for

for - JavaScript | MDN

---

While

// 반복횟수가 보통 명확하게 정해져 있는 경우에는 for문을 보편적으로 사용하고,
// while 팩토리얼과 같은 무한루프나 특정 조건이 만족할때까지 코드를 실행 시키고 싶을때 주로 사용한다.

// While(조건) {}
// 조건이 false가 될때까지 {} 코드블럭 반복 실행
// while은 조건이 맞을때만 코드블럭 실행
// do while은 일단 먼저 {}코드블럭을 실행한 다음에 조건을 체크.

// While(조건) {}
// 조건이 false가 될때까지 {} 코드블럭 반복 실행
// while은 조건이 맞을때만 코드블럭 실행
// do while은 일단 먼저 {}코드블럭을 실행한 다음에 조건을 체크.

let num = 5;
while (num >= 0) {
    console.log(num);
    num--; // num의 값을 1씩 감소, num이 4일때 까지만 실행.
}

let isActive = false;
let i = 0;
while (isActive) {
    console. log('아직살아있다!');
    if (i === 1000) {
      break;
    }
    i++;
} // i의 값이 1000이 될 때까지만 실행. i값을 1씩 증가.

do {
    console.log('do-while 아직살아있다!');
} while(isActive);

// while은 조건이 맞지 않기 때문에 코드블럭이 실행자체가 되지 않음.
// do-while은 우선 1번 실행한 뒤에 조건을 확인해서, 조건이 false기 때문에
// 더이상 실행을 하지 않음.

예제