JavaScript : if 조건문

조건문

조건문은 불리언 타입인 true 또는 false로 판명될 수 있도록 어떠한 조건을 판별하는 기준을 만든다.

 

📌 비교 연산자(Comparison Operators)

• > : 초과
• < : 미만
• >= : 이상
• <= : 이하
• === : 같다
• !== : 다르다

==(같다)와 !=(다르다)도 존재한다. 하지만 타입을 엄격하게 비교하는 편이 아니라 사용하는 걸 지양한다. 이 사이트에서 ==를 사용할 때 true가 출력되는 케이스를 확인할 수 있다.

1 === 1 // true
1 === '1' // false, 숫자 1과 문자열 1은 다르다
'true' === true // false, 문자열과 불리언 비교

 

📌  조건문 사용 방법

if (조건) {
	// 조건1이 통과할 경우
} else if (조건2) {
	// 조건1이 통과하지 않고
	// 조건2가 통과할 경우
} else {
	// 모든 조건이 통과하지 않는 경우
}

//조건에는 Boolean으로 결과가 나오는 비교구문이 들어간다

 

📌  논리 연산자(Logical Operators)

• && : and, 두 조건이 모두 true라면 true 반환, 아닐 시 false 반환
• || : or, 두 조건 중 하나라도 true라면 true 반환, 두 조건 모두 false일 때만 false반환
• ! : not, 조건 앞에 !를 붙여 truthy, falsy 여부를 반전시킴

is Student && isFemale;
// 학생이면서, 여성일 때 통과. 
    
isStudent is || isFemale;
// 학생이거나, 여성일 때 통과.
    
!isStudent && isFemale;
// 학생이 아니면서, 여성일 때 통과.

!false // true, false값을 반전시키기 때문에 true
!(3>2) // false, 3이 2보다 큰 것은 참이기 때문에 그값을 반전시킨 false

!undefined 
// 할당되지 않은 값은 false로 취급되는 값. 때문에 이를 반전시키면 -> true

!'Hello'
// 비어있지 않은 문자열은 모두 true로 취급되는 값. 때문에 이를 반전시키면 -> false

 

📌  falsy 값

if문에는 실행되지 않는 6가지 falsy 값이 존재한다.

• false
• null : 값이 없다는 의미
• undefined : 정의되지 않은 값
• 0 : 숫자 0
• NaN : nather number
• ' ' : 빈 문자열(string)