[JS] for문/while문

❗기억할 내용❗

JavaScript에선

(Python에서의 f문자열을) ‘${i}’ 이렇게 사용함! 기억해두기

 

JavaScript에선

==(동등 연산자. 자료형이 다를 경우 자동으로 형 변환 후 비교)

===(일치 연산자 또는 엄격한 동등 연산자. 값과 자료형이 모두 동일한지 비교)

---

[공부 내용 정리]

반복문

text = text + cars[0];

// 아래는 축약식! 잘 알아두기 
test += cars[0];

• 반복문을 사용하면 단순한 작업을 여러번 반복해야 할때 사용함.

for(초기화식; 조건식; 증감식) {
	실행문;
}

• 초기화식 : 변수를 선언함.
• 조건식 : 결과(true or false)에 따라 실행문의 실행 여부를 판단함.
• 증감식 : 실행문 이후 변수의 증감을 나타냄.

const cars2 = ["BMW", "Volvo", "Saab", "Ford", "Flat", "Audi"];
let text2 = ''
for (let i = 0; i < cars2.length; i++) {
    text2 += '<section><h2>' + cars2[i] + '</h2></section>'
}
text2

1. i에 0을 넣어서 초기화 해.
2. 조건식이 true야? 그럼 밑에 있는 코드를 실행해.
3. 실행 쭉쭉쭉 하는 중 다하면 증감식으로 옴.
4. i++를 확인했으니 i를 1 증가시킴. 그리고 다시 조건식으로 감.
5. 그럼 i가 1이 됐고 1은 여전히 6보다 작으니까 실행한다.
6. 위 조건식이 false를 반환할 때 까지 계속 반복함.

for 문의 다양한 예시

퀴즈 3)

구구단 5단 출력하기

// 구구단 5단
let i = 5;
for (var j = 1; j < 10; j++){
    console.log(`${i} X ${j} = ${i*j}`)
}

 

• 백틱을 사용하면 템플릿 리터럴? → 이 부분 다시 정리하기

템플릿 리터럴 예시 사진

for문의 선택적 사용

for 의 구성요소들은 모두 선택적으로 사용할 수 있음.

• 조건식 또한 선택적으로 사용가능하지만 생략할 경우 무조건 true로 평가되기 때문에 무한루프에 빠짐. 이럴때는 꼭 실행문 안에 별도의 조건문을 넣어야함.
• 마찬가지로 모든 구성요소 생략 시 무한루프에 빠짐.

---

while 문

while 문은 주어진 조건식이 참일 때 반복적으로 실행되는 반복문.

while (조건식) {
  // 조건식이 참일 때 실행될 코드
}

• 조건식이 True를 반환하는 동안 계속 실행되다가, False를 반환하면 Stop.

let num = 0;

while (num < 11) {
  document.write(num, '<br>');
  num += 1;
}

 

위 코드에서는 변수 num을 0으로 초기화하고, num이 11보다 작을 때까지 반복적으로 실행됩니다. 반복문 안에서는 num의 값이 출력되고, num은 1씩 증가합니다.

do-while 반복문

조건식이 거짓이더라도 반복문이 최소한 한 번은 실행되어야 할 때 사용함.

const readline = require('readline');

const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

rl.question('숫자를 입력하세요: ', (input) => {
    do {
    } while (isNaN(input));

    console.log("입력한 숫자는 " + input + "입니다.");

    const readline = require('readline');

    const rl = readline.createInterface({
        input: process.stdin,
        output: process.stdout
    });
})

 → 입력한 숫자를 출력해주는 코드

 

반복문의 break & continue

• break : 반복문을 완전히 빠져나감.
• continue : 반복문의 다음 반복으로 이동함.

퀴즈 4)

while 문을 이용해서 1부터 10까지 숫자를 출력하세요. 이때 4와 7은 건너뛰고 출력합니다.

첫 번째 시도

let num = 0;

while (num < 11) {
    if (num === 4){
        continue;
    }else if (num === 7){
        continue;
    }
    console.log(num);
    num++;
}

4에서 contiue를 만나고 다시 위로 가기 때문에 무한 반복 되는 중…

 

두 번째 시도

let num = 0;

while (num < 11) {
    num++;
    if (num === 4){
        continue;
    }else if (num === 7){
        continue;
    }
    console.log(num);
}

num++ 를 올려줌으로써 다음 단계로 넘어가게 함.