JavaScript

[Javascript] 비교 연산자 & 논리 연산자

에릭 Kim 2023. 4. 21. 16:39
반응형

1. 비교 연산자

1-1 일치, 불일치 연산자 ( '===', '!==')

const a = 123
const b = 123
console.log(a === b)
// true

const a = 123
const b = 1234
console.log(a === b)
// false

const a = 123
const b = 123
console.log(a !== b)
// false

const a = 123
const b = 1234
console.log(a !== b)
// true

 

1-2 >, >=, <. <=

const a = 123
const b = 12
console.log(a > b)
// true

console.log(a < b)
// false

const a = 123
const b = 123
console.log(a >= b)
// a가 b보다 크거나 같을 때
// true

console.log(a <= b)
// a가 b보다 작거나 같을 때
// true

 

'>=', '<=' 연산자를 사용할 때는 등호를 비교 연산자 뒤에 써줘야 합니다 ! 

 

2. 논리 연산

2-1  &&

const a = 1 == 1
const b = 3 == 2
const c = true
console.log(a && b && c)
// false

const a = 1 == 1
const b = 3 == 3
const c = true
console.log(a && b && c)
// true

a,b,c 모두가 true일 때 true를 반환하는 '그리고', 'and' 연산자입니다. 첫번째 예제에서는 b가 true가 아니기 때문에 false가 반환되었습니다.

 

2-2  ||

const a = 1 == 1
const b = 3 == 2
const c = true
console.log(a || b || c)
// true

const a = 1 == 3
const b = 3 == 2
const c = false
console.log(a || b || c)
// false

a,b,c, 중 하나라도 참, true가 있으면 true를 반환하는 '또는', 'or' 연산자입니다. 첫번째 예제서는 a와 b는 false이지만 c가 true이기 때문에 true가 반환되었으며, 두번째 예제에는 모든 값이 false이기 때문에 false가 반환되었습니다

 

2-3  ! 

const a = 1 === 123
console.log(!a)
// true

console.log(a)
// false

!연산자는 뒤쪽에 오는 데이터를 부정하는 논리 연산자입니다. a가 false이기 때문에 !a는 true가 되게 됩니다 

반응형

'JavaScript' 카테고리의 다른 글

[Javascript] 변수 범위 (var, let, const)  (0) 2023.04.26
[Javascript] 반복문 for  (0) 2023.04.26
[Javascript] 조건문  (0) 2023.04.26
[Javascript] 삼항 연산자  (0) 2023.04.21
[Javascript] 산술 연산자 & 할당 연산자  (0) 2023.04.21