[TIL] IF 와 switch

정세비·2021년 5월 16일
0

JavaScript

목록 보기
4/16
post-thumbnail

if

  • if 뒤에 (참/거짓을 나타내는 괄호)가 오며, 그 뒤 코드는 {중괄호}를 사용
  • 조건이 true 면 중괄호 안의 코드가 실행되며 false면 실행되지 않음
if (true) {
  console.log('This message will print!'); 
}
// Prints: This message will print!

if...else

  • if 뒤에 (참/거짓을 나타내는 괄호)가 오며 그 뒤 코드는 {중괄호}를 사용
  • 조건이 true면 중괄호 안의 코드가 실행되며 false면 else가 실행됨
  • else문은 if문과 쌍을 이루어야 함
if (false) {
  console.log('The code in this block will not run.');
} else {
  console.log('But the code in this block will!');
}
 
// Prints: But the code in this block will!

else if

  • if...else에 더 많은 조건을 추가할 때 사용
    -항상 if와 else 사이에 사용됨
let stopLight = 'yellow';
 
if (stopLight === 'red') {
  console.log('Stop!');
} else if (stopLight === 'yellow') {
  console.log('Slow down.');
} else if (stopLight === 'green') {
  console.log('Go!');
} else {
  console.log('Caution, unknown!');
}

if, else if, else 사용

const name = 'gemma';
if (name === 'serena') {
	console.log('Welcome, Serena!');
} else if (name === 'Marco') {
	console.log('hello, Marco');
} else {
	console.log('who are you');
}

if문을 간결하게 사용하려면 ? 를 사용

condition ? value 1 : value 2;

console.log(name === 'serena' ? 'yes' : 'no');

이름이 serena면 yes, 아니면 no 출력

비교연산자를 활용하여 if문 만들어보기

1. 7이상 배고프면 '드세요!' 그 외는 '나중에 드세요!'를 출력해보기

let hunger = 7;
if (hunger >= 7) {
	console.log('드세요!');
} else {
	console.log('나중에 드세요!');
}

※(참고) 비교연산자(comparision operators)

2. 논리연산자를 활용하여 if문 만들어보기

  • 2-1) and 연산자를 활용하여 신호등이 초록불일 시 차가 출발하도록 만들기
if (stopsign === 'green' && people === 0) {
	console.log('Go');
} else {
	console.log('stop');
}
  • 2-2) or 연산자를 활용하여 주말이면 '즐주!' 그 외에는 '열일!' 출력하기
if (day === 'saturday' || day === 'sunday') {
	console.log('즐주!);
} else {
	console.log('열일!');
}

switch

  • if...else 구문을 더 단순하게 표현 가능
  • 참/거짓 판별보다 값의 일치 여부를 체크해서 맞는 것을 실행함
  • default : 어떤 값도 해당하지 않을 때 실행됨
const browser = 'chrome';
swithc (browser) {
case 'chrome' :
	console.log('Yes!!!!');
    break;
case 'FireFox' : 
	console.log('What?');
    break;
case 'IE' : 
	console.log('what?')
	break;
default:
	console.log('Again');
    break;
}

인데 firefox와 ie가 같은 결과값을 도출한다면

const browser = 'chrome';
swithc (browser) {
case 'chrome' :
	console.log('Yes!!!!');
    break;
case 'FireFox' :
case 'IE' : 
	console.log('what?')
	break;
default:
	console.log('Again');
    break;
}

로 묶어서 표현 가능
profile
파주

0개의 댓글