ෆ ⋆ ₊ ゚ ☽ * ₊ ⋆

혼공학습단/JavaScript

혼공JS 2주차

우당탕가윤 2023. 7. 30. 16:35


2주차 내용

  • Chapter 03 : 조건문
    1. if 조건문
    2. switch 조건문과 짧은 조건문

Chapter 03 : 조건

1. if 조건문

 

개념

if 조건문 : 조건에 따라 코드를 실행하거나 실행하지 않도록 하기 위해 사용하는 구문

else 구문 : if 조건문 뒤에 상요하며, if 조건문이 거짓일 때 사용

중첩 조건문 : 조건문을 중첩해서 사용하는 경우

if else if 조건문 : 중첩 조건문에서 중괄호를 생략한 형태, 겹치지 않는 3가지 이상의 조건으로 나눌 때 사용

 

2. switch 조건문과 짧은 조건

 

개념

switch 조건문 : 값에 따라 조건 분기를 걸어주는 조건문

조건부 연산자 : 피연산자 3개를 갖는 연산자, 조건 분기에 사용 ex) A ? B : C

짧은 조건문 : 논리 연산자의 특이한 성질을 사용해 조건 분기에 활용하는 코드


2주차 미션

  • 기본 미션
const x = 13;

// 방법1 : 중첩 if
if(x > 10) {
  if(x < 20) {
    console.log('조건에 맞습니다.')
  }
}

// 방법2 : 논리 연산자
if(x > 10 && x < 20) {
  console.log('조건에 맞습니다.')
}

  • 선택 미션
  <!DOCTYPE html>
  <html lang="en">
  <head>
      <title>혼공JS 2주차</title>
      <script>
        const rawInput = prompt('태어난 해를 입력해주세요.', '');
        const year = Number(rawInput);
        const e = year % 12;
        
        let result;
        if (e === 0) result = '원숭이';
        else if (e === 1) result = '닭';
        else if (e === 2) result = '개';
        else if (e === 3) result = '돼지';
        else if (e === 4) result = '쥐';
        else if (e === 5) result = '소';
        else if (e === 6) result = '호랑이';
        else if (e === 7) result = '토끼';
        else if (e === 8) result = '용';
        else if (e === 9) result = '뱀';
        else if (e === 10) result = '말';
        else if (e === 11) result = '양';
        alert(`${year}년에 태어났다면 ${result} 띠입니다.`);
      </script>
  </head>
  <body>
  </body>
  </html>

'혼공학습단 > JavaScript' 카테고리의 다른 글

혼공JS 4주차  (0) 2023.07.30
혼공JS 3주차  (0) 2023.07.30
혼공JS 1주차  (0) 2023.07.09