연산자 모음) 비교연산자, 논리연산자, 삼항연산자

YS_Study.log·2022년 1월 15일
0

비교연산자

종류정의설명
===같다왼쪽 피연산자와 오른쪽 피연산자의 값이 같고, 같은 타입이면 참을 반환.
!==다르다왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않거나, 타입이 다르면 참을 반환.
>초과왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크면 참을 반환함.
<미만왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크면 참을 반환함.
>=이상왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크거나 같으면 참을 반환함.
<=이하왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작거나 같으면 참을 반환함.
!= / ==다르다 / 같다타입을 엄격하게 비교하지 않아서 웬만하면 사용하지 않는다.

삼항연산자 (조건연산자)

조건식 ? 식1 : 식2

? 전까지가 조건식이되며, 조건이 참인 경우 ?의 뒤에있는 명령을 실행하지만, 조건이 거짓인 경우에는 : 뒤의 조건을 실행한다.

// 조건식 ? 참일 때 실행할 명령 : 거짓일 때 실행할 명령 ;
let status = (age >= 18) ? "성인" : "미성년자";

논리연산자

종류이름실행조건
&&And 연산자두 조건이 모두 참이어야 조건식이 참이다.
ㅣㅣor 연산자두 조건 중 하나의 조건만 참이여도 조건식이 참이다. (shift + \ 를 누르면 입력된다.)
!Not 연산자반전을 시키는 연산자! 조건 앞에 ! 붙여, 조건의 true과 false의 값을 반전시킨다.

논리연산자 활용의 예

// 두 조건을 모두 통과해야 true 실행되는 조건문 
// 학생이면서, 여성일때 통과
inStudent && isFemale;

// 두 조건 중 한가지만 통과해도 true가 실행되는 조건문
// 학생이거나, 여성일 때 통과
inStudent || isFemale;

// 조건을 반전시킨다.
// 학생이 아니면서, 여성일때 통과해야 실행되는 조건문
!inStudent && isFemale 

논리 연산자 NOT

  • false값이 true값으로 반전, true값이 false으로 반전되는 연산자
  • 조건문과 조건문이 아닌 값에도 !를 붙였을때 값이 반전된다.
!false //  false 값 (!반전) --> true 값 출력
!(3 > 1) // true 값 (!반전) --> false 값 출력
!undefined // false 값 (!반전) --> true 값 출력
!'' // false 값 (!반전) --> true 값 출력
  • 위의 ! 연산자를 활용할때 왜 undefined는 false값인지, ' ' 빈 문자열은 false 값으로 취급될까요?

    그 이유는 undefined와 ' ' 빈문자열이 falsy한 값으로 취급되기 때문이다. 이렇게 falsy한 값으로 취급되는 값들을 표를 통해 더 알아볼 수 있다.

! 거짓인 값을 부르는 것 falsy , 참인 값을 부르는 것 truthy

falsy한 값으로 취급되는 값들

falsy(false) 값정의
false거짓
null값이 없다 (없다고 지정해준 것)
undefind값이 정의 되지 않았다.
0숫자 0
NaN (대문자 주의)Not a Number / 연산 과정에서 잘못된 입력을 받았음을 나타내는 기호
' '빈 문자열
profile
느리지만 조금씩 공부하는 중 입니다. 현재 1년 6개월차 신입입니다 ><!

0개의 댓글