가수면

JavaScript 조건문 본문

웹 개발/웹 개발

JavaScript 조건문

니비앙 2022. 11. 8. 15:35

switch 조건문

이제는 잘 쓰이지 않지만, 남이 써 놓은 코드를 보는 게 일인 개발자로선 알아둬야 할 필요가 있음.

아래는 기본 형태.

  const x = Number(prompt('숫자를 입력해주세요', ''))
  switch (x) {
    case 1:
      alert('입력한 값이 1입니다.')
      break
    case 2:
      alert('입력한 값이 2입니다.')
      break
    case 3:
      alert('입력한 값이 3입니다.')
      break
    default:
      alert('입력한 값이 1-3이 아닙니다.')
  }

 

조건부 연산자 (=삼항 연산자)

ㅇㅇ ? ㅇㅇ : ㅇㅇ

불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과

 

예시1)

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

예시2)

  const result = (100 > 200)
  # true일 때 실행
    ? prompt('값을 입력해주세요', '')
  # false일 때 실행
    : confirm('버튼을 입력해주세요')   #확인 -> true / 취소 -> false
  alert(result)

 

 


 

코드 요약하기

-시간 코드-

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

아래와 같이 요약 가능

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

 

- else if문 -

  } else if (hours < 16) {
    alert('점심밥 먹을 시간입니다.')

이 코드의 요약 전 원형

if (hours < 10 ) {
    alert('아침밥 먹을 시간입니다.')
  } else if (10 <= hours && hours < 16) {
    alert('점심밥 먹을 시간입니다.')

 

Visual Studio Code 다중 커서  (여러 줄 한 번에 쓰기)

컨트롤 + 알트 + (↑,↓)  / 쉬프트 + (←, →)

알트 + 클릭

쉬프트 + 알트 + 드래그

 

 

'웹 개발 > 웹 개발' 카테고리의 다른 글

JavaScript 함수 (1)  (0) 2022.11.11
JavaScript 반복문  (0) 2022.11.10
JavaScript 기본 용어 및 개념 / 자료와 변수  (0) 2022.11.07
html이동, 페이지 이동  (0) 2022.11.05
JavaScript 기초 문법  (0) 2022.10.25
Comments