본문 바로가기
카테고리 없음

JavaScript기초 - 조건문과 비교연산자

by 윤뇽뇽

1. Boolean 타입과 비교연산자

- 조건문 : 어떠한 조건을 판별하는 기준을 만드는 것. 반드시 비교 연산자가 필요하다.

- Boolean타입 : 참과 거짓을 나누는 타입 (true/false)

let isAdult = true; // 또는 false
let isStudent = false; // 또는 true

- 비교 연산자 : 비교의 결과는 Boolean, 즉 true 혹은 false이다.

3 > 5; // false
9 < 10; // true
'hello' === 'world'; // false
> 초과
< 미만
>= 이상
<= 이하
=== 같다
!== 다르다

- 아래 연산자들은 타입을 엄격하게 비교하지 않기 때문에, 사용하지 않는 것이 좋다.

== 같다
!= 다르다
1 === '1' // true
'true' === true // false
1 == '1' // true
null == undefined // true
[1] == true // true

* JavaScript Comparison Table : https://dorey.github.io/JavaScript-Equality-Table/

 

2. 조건문

- 조건문은 다음과 같이 쓸 수 있다.

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

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

- 논리 연산자(Logical Operator) : 두 가지 조건이 한번에 적용되는 경우 사용

&& AND 연산자
|| OR 연산자
! NOT 연산자
  •  AND 연산자(&&)를 사용했을 경우 두 조건이 모두 truthy해야만 true, 그렇지 않으면 false 가 출력된다.
  •  OR 연산자(||)를 사용했을 경우 두 조건 중 하나라도 truthy한 값일 경우 true, 그렇지 않으면 false가 출력된다.
  •  NOT 연산자(!)는 결과가 true이면 false를, fasle이면 true를 반환한다. 2개이상을 중첩하는 것도 가능함
// 학생이면서, 여성일 때 통과
isStudent && isFemale ;

// 학생이거나, 여성일때 통과
isStudent || isFemale ;

// 학생이 아니면서, 여성일 때 통과
!isStudent && isFemale ;

- 논리 연산자의 사용

!false // true
!(3>2) // false
!undefined // true
!'Hello' // flase

true || true // true
true || false // true
false || false // false

true && true // true
true && false // false
false && false // false

- 기억해야 할 6가지 falsy 값 (if 문서에서 false로 변환 되므로, if 구문이 실행되지 않는다)

if(false)
if(null)
if(undefined)
if(0)
if(NaN)
if('')

댓글