조건문, 반복문 [JavaScript | 학습을 위한 자료 | 한입만 REACT]

조건문

// 조건문
// 특정 조건을 만족했을 때만 실행되는 코드를 작성하기 위한 문법
// 대표적으로 if, switch

// 1. if 조건문
// 위에서 아래로 차례대로 평가, 조건을 만족하면 해당 블록 실행 후 종료
// 모든 논리 연산자(>, <, >=, === 등) 사용 가능
let num = 10;

if(num > 10) {
    console.log("num은 10 이상입니다.");
    console.log("조건이 참 입니다.");
}
else if(num >=5) {
    console.log("num은 5 이상입니다.");
}
else if(num >=3) {
    console.log("num은 3 이상입니다.");
}
else{ // else는 모든 조건이 거짓일 경우 실행
    console.log("조건이 거짓입니다.");
}

// 2. Switch 조건문
// -> if문과 기능 자체는 동일
// -> 다수의 조건을 처리할 때 if보다 더 직관적
// === 비교만 가능
// break 없이 다음 블록으로 이어질 수 있음

let animal = "cat";

switch (animal) {
    case "cat": {
        console.log("고양이");
        break; // case 끝에 break를 사용해 조건이 만족되면 실행을 중단
    }
    case "dog": {
        console.log("강아지");
        break;
    }
    case "snake": {
        console.log("뱀");
        break;
    }
    case "tiger": {
        console.log("호랑이");
        break;
    }
    default: { // 조건에 없는 경우 
        console.log("그런 동물은 모릅니다.")
    }
}

---

반복문

// 반복문
// 어떠한 동작을 반복해서 수행할 수 있도록 만들어 주는 문법

// for문
// 초기식: 반복문이 시작될 때 실행되는 코드. 보통 반복 변수 초기화에 사용
// 조건식: 반복을 계속할지 결정하는 조건. 조건이 true인 동안 반복문이 실행됨
// 증감식: 각 반복이 끝날 때 실행되는 코드. 보통 반복 변수를 증가/감소시킴

//for(초기식 ; 조건식; 증감식) {
//    console.log("반복!");
//}

for (let idx = 0; idx < 10; idx++) {
    if(idx % 2 === 0){
        continue; // 해당 조건을 건너 뛰고 싶을 때
    }

    console.log(idx)

    if (idx >= 5){
        break; // 반복문 조건을 변경 없이 조건문을 끝내려고 할 때
    }
}