Javascript 파헤치기 2번째

🔗 논리연산자

📍 AND(&&)

• ~이고, ~이면서
• 하나라도 거짓이면 거짓

📍 OR(||)

• ~이거나, 또는, ~일수도, ~중의 하나이면
• 하나라도 참이면 참

📍 NOT(!)

• ~가 아닌
• 참이면 거짓, 거짓이면 참

document.write(!(10 > 20) || 10 < 20); // !(false) or false = true
document.write(10 >= 20 && !(10 <= 20)); // false and !(true) = false

---

 

🔗 조건문

주어진 조건식이 참이면 작업을 수행

🧩 if 문

🫧 단일 if문

if (조건1) {
    document.write("if");
}

 

🫧 if-else문

// if문이 참이면 if문 수행, 거짓이라면 else 수행
if (조건1) {
    document.write("if");
}
else {
    document.write("else");
}

 

🫧 if-else if문

// if-> else if -> else 순서로 조건식을 확인하고, 참이 되는 조건식을 만나면 해당 작업을 수행
if (조건1) {
    document.write("if");
}
else if (조건2) {
    document.write("else-if");
}
else {
    document.write("else");
}

 

🫧 중첩 if문

// 양파껍질 벗기듯 바깥 조건식부터 확인하며 거짓일때까지 안으로 들어감
if (조건1) {
    // 조건1이 참이면 이 부분으로 들어와 다음 조건식을 확인가능
    if (조건2) {
        // 조건1과 조건2가 모두 참이면 해당 작업을 수행
        document.write("중첩 if문");
    }
    else {
        document.write("else");
    }
}

---

🧩 동등 비교, 엄격한 동등 비교

10 == "10" // 값만 비교하기 때문에 "참"이 나옴 (동등 비교)
10 === "10" // 값뿐만 아니라 타입도 비교하기 때문에 "거짓"이 나옴 (엄격한 동등 비교)
10 === 10 // 값과 타입이 동일하므로 "참"이 나옴

---

🧩 switch문

여러 case들 중에서 만족하는 case에 해당하는 작업을 수행

let n = Number(prompt("숫자를 입력해주세요"));

switch (n) {
    case 1: // n이 1인 경우
        document.write("1입니다.");
        break;
    case 2: // n이 2인 경우
        document.write("2입니다.");
        break;
    default: // 이외의 경우
        document.write("나머지값입니다.");
    }

let n = Number(prompt("숫자를 입력해주세요"));

switch (n) {
    case 1: // n이 1인 경우
        document.write("1입니다.");
        break;
    case 2: // n이 2인 경우
        document.write("2입니다.");
        //break;
        // break이 없으면 밑에 조건들이 만족하지 않더라도 case 2를 만족할 때 아래 작업들이 모두 수행됨
    default: // 이외의 경우
        document.write("나머지값입니다.");
    }

---

 

🔗 반복문

🧩 for

for(초기화 ; 조건식 ; 증감문) {
	조건이 참이면 수행되는 반복적인 실행문
}

 

🚀 수행 순서

2번 단계에서 false가 되면 빠져나옴
초기화(1) -> 조건식(2) -> 실행문(3) -> 증감문(4)

for (let i = 0; i < 5; i++) {
  document.write(i + "<br />");
}

---

🧩 while

while(조건식) {
	조건이 참이면 수행되는 반복적인 실행문
}

 

🚀 수행순서

조건식이 거짓이 될때까지 계속 반복해서 수행함
조건식(1) -> 실행문(2) 

let n = 2;
while(n != 0){
	document.write("while문");
	n--;
}

 

---

🧩 do-while

do {
	조건이 참이면 수행되는 반복적인 실행문
} while(조건식)

 

🚀 수행순서

while과 동작 방식은 거의 유사하지만, 조건식보다 실행문이 먼저 수행되어 조건식이 참이 아니더라도 최소 1번은 실행문이 수행됨
실행문(1) -> 조건식(2)

let n = 0;
do{
  document.write("do-while문");
  n++;
} while(n < 3)

---

 

🔗 break, continue

break
해당 반복문(for, while), switch문을 종료

continue
해당 회차(loop)를 건너뛰고 증감문으로 이동

for (let i = 0; i < 10; i++) {
    if ([1, 3, 5].includes(i)) continue; //i가 1,3,5 일때 더이상 밑에 작업들을 수행하지 않고 다음 loop로 넘어감
    else if (i == 7) break; // i가 7이되면 더이상 for문을 수행하지 않고 빠져나옴
    document.write(`i: ${i} <br />`);
}

---

 

🔗 레이블

한번에 중첩 반복문을 빠져나오고 싶을 때 활용

loop1: for(let i = 0 ; i < 5 ; i++) {
    for (let j = 0 ; j < 5 ; j++) {
        document.write(`i:${i}, j:${j}`);
        break loop1; // 바로 두 for문을 빠져나와버림
    }
}

---

 

✈️ 출처

한국경제신문 x 토스뱅크 풀스택 훈련