본문 바로가기
개발/Javascript

Javascript 제어문-조건문 (공부_9)

by kobeay 2024. 8. 12.

제어문

  • 프로그램의 흐름을 제어할 수 있도록 도와주는 실행문

조건문

  • 조건에 따라 다른 문장을 실행하는 문장
    ex) if, switch

반복문

  • 동일한 코드를 여러 번 실행시키는 문장
    ex) for, while, do~while

분기문

  • 멈추거나 빠져나가거나 계속 진행하거나 되돌아가거나 하는 동작
    ex) break, continue

 

 

 

if문

if

  • 조건(condition)참(true)인 경우 명령문 실행
let condition = true;
if (condition) {
  console.log('참입니다.');
}

 

else

  • 조건(condition)거짓(false)인 경우 명령문 실행
let condition = true;
if (condition) {
  console.log('참입니다.');
} else {
  console.log('거짓입니다.');
}

 

else if

  • 다중 조건 사용
  • 여러 개의 조건을 확인할 수 있음
let score = prompt('수학 점수를 입력해 주세요!');
console.log('score: ', score);
if (score >= 90) {
  console.log('등급: A');
} else if (score >= 80) {
  console.log('등급: B');
} else if (score >= 70) {
  console.log('등급: C');
} else if (score >= 60) {
  console.log('등급: D');
} else {
  console.log('등급: F');
}

 

거짓 같은 값

  • false : 거짓
  • 0 : 숫자 zero
  • -0 : 음수 zero
  • 0n : BigInt zero (BigInt : 자바스크립트에서 매우 큰 정수를 다를 수 있도록 도입된 데이터 타입)
  • "" : 빈 문자열
  • null : 아무런 값도 없음
  • undefined : 할당되지 않은 빈값
  • NaN : 숫자가 아님
let condition = 0;
if (condition) {
  console.log('참입니다.');
} else {
  console.log('거짓입니다.');
}
// 0은 거짓 같은 값이므로 거짓입니다.가 출력 됨

 

 

 

switch문

  • switch문의 표현식의 값을 case절에 일치시키고 해당 case와 관련된 명령문 수행
let subject = 'javascript';
switch (subject) {
  case 'javascript':
    console.log('Hello javascript');
    let result = 1 + 2;
    console.log('result: ', result);
    break;
  case 'html':
    console.log('Hello html');
    break;
  case 'css':
    console.log('Hello css');
    break;
  default:
    console.log('default 수행문');
}
  • subject와 일치하는 case절의 명령문을 수행한 후 break 명령문을 만나면 switch문 종료

default

  • 일치하는 case절이 없다면 default절의 명령문 수행

 

 

 

정리

  • 자바스크립트 제어문에는 조건문, 반복문, 분기문이 있음
  • 조건문은 if문이 있고 if-else, else if 형태로 쓰임
  • 조건문에 switch문도 있고 switch-case 형태로 쓰임
  • break로 switch문 종료할 수 있고 일치하는 case절이 없을 경우 default절을 쓸 수 있음

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

Javascript 연산자 (공부_11)  (0) 2024.08.18
Javascript 반복문 (공부_10)  (0) 2024.08.16
Javascript 배열 (공부_8)  (0) 2024.08.08
Javascript 데이터 타입 (공부_7)  (0) 2024.08.07
Javascript 변수, 상수 (공부_6)  (0) 2024.07.31