03 자바스크립트 조건문

• 제어문(control statement): 코드의 실행 흐름과 직접적인 관련이 있는 문장 // 형태는 고정되어 있기 때문에 외우세요

if 조건문

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

** ex) 오전과 오후 구분하기

    // 변수 선언
    const date = new Date() // 현재 날짜와 시간을 갖는 객체 생성
    const hours = date.getHours() // 현재시간을 0~23 사이의 값으로 출력하는 메소드

    //if 조건문
    if (hours < 12) {
      alert(`현재 시간은 ${hours}시로 오전입니다`)
    }

    if (hours >= 12) {
      alert(`현재 시간은 ${hours}시로 오후입니다`)
    }

if else if 조건문

• else 구문 : if 조건문 뒤에 사용하며, if 조건문이 거짓일 때 사용
• 중첩 조건문 : 조건문을 중첩해서 사용하는 경우
• if else if 조건문 : 중첩 조건문에서 중괄호를 생략한 형태로, 겹치지 않는 3가지 이상의 조건으로 나눌 때 사용

** ex) 밥 먹을 시간 구하기

  const hours = (new Date()).getHours()

  if (hours < 10) {
    alert(`현재시간 ${hours}시로 아침밥 드세요`)
  } else if (hours < 16) {
    alert(`현재시간 ${hours}시로 점심밥 드세요`)
  } else {
    alert(`현재시간 ${hours}시로 저녁밥 드세요`)
  }

switch 조건문

값에 따라서 조건 분기를 걸어주는 조건문 (특정 값의 조건을 비교할 때 사용)

    const a = Number(prompt('1 ~ 3 숫자를 입력하세요'))

    switch (a) {
      case 1:
        alert('입력한 값이 1입니다.')
        break
      case 2:
        alert('입력한 값이 2입니다.')
        break
      case 3:
        alert('입력한 값이 3입니다.')
        break
      default:
        alert('입력한 값이 1~3이 아닙니다.')
    }

조건부 연산자

피연산자 3개를 갖는 연산자로 조건 분기에 사용할 수 있음

** 기본 형태
불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과

    const x = Number(prompt('숫자를 입력하세요'))
    (x >= 0 ? '0 이상의 숫자입니다' : '0보다 작은 숫자입니다.')

짧은 조건문

논리 연산자의 득성을 조건문으로 사용하는 것
불 표현식 || 불 표현식이 거짓일 때 실행할 문장

> true || console.log('실행될까요?')
true

>false || console.log('실행될까요?')
실행될까요?
undefined

자바스크립트는 이처럼 참(true)이 확실할 때 추가 연산을 진행하지 않음 (좌변이 참이면 우변을 실행하지 않는다.)