S1U5 - conditionals

UNIT 5 : JavaScript 기초

BIL : variable, declare, assignment, type

IF

주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정
따라서 조건식은 결과가 불린 타입이 되도록 작성

if (true) {
	console.log('hello world');
} 

boolean type review

동치연산자

===

두 피연산자가 동일하면 true, 그렇지 않으면 false 반환

!==

두 피연산자가 동일하지 않으면 true, 동일하면 false 반환

let name = 'john';
if (name === 'john') {
	console.log('중복된 이름입니다.');
}

let name = 'peter';
if (name !== 'john') {
	console.log('가입할 수 있는 이름입니다.');
}

비교연산자

> , < , >= , <=

두 피연산자간 값의 크기 비교 (수학에서의 부등호 기호의 사용법과 유사)

논리연산자

||

여러 조건 중 하나만 true여도 true로 판단

&&

여러 조건 중 하나라도 false이면 false로 판단

let age = 14;
if (age > 13 && age <= 18) {
	console.log('청소년입니다.');
}

부정연산자

!

조건을 부정하여 조건이 true이면 false, 조건이 false이면 true를 리턴

let num = 45;
if (!(num === 10)) {
	console.log('변수 num은 10이 아닙니다.');
}

ELSE

조건이 true / false일 때 각각 다른 코드가 실행될 수 있게 함

1. 독립적으로 사용 불가
2. if문 바로 뒤에 작성
3. 추가 조건: else if
4. if, else: 2회 이상 사용 불가, if else: 다회 가능

let age = num; 

	if (age < 8) {
  	console.log('미취학아동입니다.');
} 
	else if (age >= 8 && age < 14) {
  	console.log('초등학생입니다.');
} 
	else if (age >= 14 && age < 17) {
  	console.log('중학생입니다.');
} 
	else if (age >= 17 && age < 20) {
  	console.log('고등학생입니다.');
} 
	else {
  	console.log('성인입니다.');
}

삼항조건연산자

1. 조건식을 먼저 작성한 후 ?를 입력
2. ? 뒤로 참/거짓일 때 실행할 코드를 각각 입력
3. 참/거짓일 때 실행할 코드는 :로 구분

let num = 5;
num % 2 === 0 ? console.log('짝수') : console.log('홀수');

행할 코드가 간단할 때 삼항 조건 연산자 활용시 편리, 가독성 증가
조건에 따라 실행해야 할 내용이 복잡하다면, if / else 사용