[TIL] 자바스크립트 기초문법 - 논리 연산자( ||, &&, ! )

자바스크립트 기본 연산자와 비교 연산자에 이어서 논리 연산자를 알아보려고하는데 자바스크립트에는 3가지의 논리연산자가 있다. 이 역시 코딩을 하다보면 많이 쓰게 되는 것들이니 하나씩 살펴보려고 한다.

|| (OR) 연산자와 && (AND) 연산자

or 연산자는 여러개 중 하나라도 true 이면 true를 반환하고 모든 값이 false일 때만 false를 반환한다.

and 연산자는 모든 값이 true일때만 true를 반환하고 하나라도 false이면 false를 반환한다.

const name = 'Jun';
const age = 22;

if(name === 'Jun' || age === 20) {
  console.log('통과')
} else {
  console.log('불통')
}

// 통과

if(name === 'Jun' && age === 20) {
  console.log('통과')
} else {
  console.log('불통')
}

// 불통

! (NOT) 연산자

not 연산자는 true를 false로 false를 true로 바꿔준다. (즉, true -> false / false -> true)

---

회고

자바스크립트를 활용하며 기본적으로 많이 쓰는 연산자들이기 때문에 원하는 값을 얻기 위해 적절히 잘 활용하면 좋을 것 같다. 리액트에서도 조건문을 사용할 때 빠짐없이 사용하는 연산자들의 특징에 대해서 다시한번 공부했으며, 이를 바탕으로 버그 없는 코드를 작성하기 위해 노력해야겠다는 생각이 들었다.

 

[TIL] 자바스크립트 기초문법 - 기본 연산자(+, -, *, /, %)

[TIL] 자바스크립트 기초문법 - 형변환(자동 형변환, 명시적 형변환)