[Study/JavaScript] if문 / switch문

SoShy·2023년 11월 28일

JavaScript_Study

목록 보기
7/36
post-thumbnail

🥕 if문 (if statement)

  • 지정한 조건이 참인 경우 명령문을 실행
  • 기본 구조: if (조건) {동작부분}
let temperature = 0;

if (temperature <= 0) {
  console.log('물이 업니다.');
};
.
.
.
>>> 물이 업니다.
let temperature = 1;

if (temperature <= 0) {
  console.log('물이 업니다.');
} else {
  console.log('물이 얼지 않습니다.');
};
.
.
.
>>> 물이 얼지 않습니다.

1. else if문

let temperature = 1;

if (temperature <= 0) {
  console.log('물이 업니다.');
} else if (temperature < 100) {
  console.log ('물이 얼지도 끓지도 않습니다.');
} else {
  console.log('물이 끓습니다.');
}
.
.
.
>>> 물이 얼지도 끓지도 않습니다.

🥕 switch문

  • switch문은 암시적 형변환을 허용하지 않음.

기본 구조

switch (비교할 값) {
  case 조건값 1:
    동작부분;
    break;
  case 조건값 2:
    동작부분;
    break
  default:	// 필요에 따라 생략 가능
    동작부분;
}

예시

let myChoice = 2;

switch(myChoice) {
  case 1:
    console.log('토끼를 선택한 당신, ...');
    break;
  case 2:
    console.log('고양이를 선택한 당신, ...');
    break;
  case 3:
    console.log('코알라를 선택한 당신, ...');
    break;
  case 4:
    console.log('강아지를 선택한 당신, ...');
    break;
  default:
    console.log('1에서 4 사이의 숫자를 선택해주세요.');
}
.
.
.
>>> 고양이를 선택한 당신, ...

  • switch문은 조건과 일치하는 경우를 찾은 후, break문을 만나기 전까지의 모든 동작을 실행함.
  • break문이 없다면, 아래처럼 모든 동작을 수행
let myChoice = 2;

switch(myChoice) {
  case 1:
    console.log('토끼를 선택한 당신, ...');
    
  case 2:
    console.log('고양이를 선택한 당신, ...');
    
  case 3:
    console.log('코알라를 선택한 당신, ...');
    
  case 4:
    console.log('강아지를 선택한 당신, ...');
    
  default:
    console.log('1에서 4 사이의 숫자를 선택해주세요.');
}
.
.
.
>>> 고양이를 선택한 당신, ...
	코알라를 선택한 당신, ...
	강아지를 선택한 당신, ...
	1에서 4 사이의 숫자를 선택해주세요.

1. if문 vs. switch문

  • if문 : 범위를 만족하는 조건식을 만들 때 효과적
  • switch문 : 특정값을 만족하는 조건식을 만들 때 효과적
profile
프론트엔드 개발자가 되기 위해 노력 중인 새싹🌱 입니다.

0개의 댓글