<JS>논리 연산자

윤건호·2022년 3월 6일
0

자바스크립트

목록 보기
4/26
post-thumbnail

논리 연산자는 우항과 좌항의 피연산자를 논리 연산한다.

논리합( || ) 연산자

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

논리합 연산자의 경우 첫번째 연산자부터 실행해 true 가 반환된다면,
이후 연산자를 실행하지 않고 true 를 반환해 끝낸다.

첫번째 연산자에서 false 가 반환될 경우, 두번째 연산자를 실행하고
false 일 경우 false 를 반환한다.
true 일 경우 true 를 반환한다.
// 쉽게 말해 둘 중 한 부분이라도 true 일 경우 true 를 반환한다.

추가적으로 논리합 연산자의 경우 true 가 나올 확률이 높은 피연산자를
앞에 두어 동작을 최소화 시키는 것이 좋다.

논리곱( && ) 연산자

true && true; // ture
true && false; // false
false && true; // false
false && false; // false

반면 논리곱 연산자는 둘 중 하나라도 false 일 경우,
그 즉시 false 를 반환한다.
둘 중 하나라도 ture의 조건을 갖추지 않으면 false 를 반환한다.

논리 부정( ! ) 연산자

!true; // false
!false; // true

논리 부정 연산자의 경우
! 자체를 not 이라고 본다.
위 예제의 경우 !(not)true; // false 가 나오는 것을 확인할 수 있다.
!(not)false; 의 경우는 ? // true 가 나온다고 생각하면 완벽히 이해했다 볼 수있다.

그룹 연산자

10 2 + 3; // 23
10
2 를 우선으로 한 뒤 + 3을 해주는 것을 알 수있다.
그룹 연산자를 사용하여 우선순위를 조절 한다.
10 * ( 2 + 3 ); // 50

typeof 연산자

typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환해준다.
typeof 1 = "number" // 같은 경우,
1의 데이터 타입이 number 이기 때문에
number 를 반환해 주는 것을 볼 수 있습니다.

여기서 주의할 점은 null 의 타입을 확인할 경우 object 로 반환하므로
이 점을 주의해야합니다.

따라서 null 타입인지 확인할 때는 typeof 연산자 를 사용하지 않고
일치 연산자(===)를 사용해야합니다.

profile
더 배우고 싶은 프론트엔드 개발자 윤건호입니다.

0개의 댓글