자바스크립트 연산자

참 거짓 값 표현할 때 사용
true false

비교 연산자

연산자	설명
===	양쪽이 같다
!==	양쪽이 다르다
>	왼쪽이 더 크다
<	오른쪽이 더 크다
>=	왼쪽이 더 크거나 같다
<=	오른쪽이 더 크거나 같다

52 > 273 // false
10 === 10 // true
'가방' > '하마' // false

if(불 표현식) {
  불 표현시이 참일 때 실행할 문장
}

=== &!== vs == & !=

=== !== 연산자 : 값과 자료형이 같은지 비교하는 연산자
== != 연산자 : 값이 같은지 비교하는 연산자
어떻게 해서라도 값을 같게 만들고 비교해주면서 일반적인 생각과는 다른 결과를 낸다

// 1. 자료형이 달라도 어떻게든 변환을 하고 나면 값이 같아지므로 true이다
1 == "1"

// 2. false가 0이므로 "0"이 0으로 변환된 뒤에 비교한다
false == "0"

// 3. 빈 문자열은 false, 비어있는 배열 [] 은 false으로 변한된 뒤에 비교한다
"" = []

// 4. 0은 false, 비어있는 배열 []은 false로 변환된 뒤에 비교한다
0 == []

불 부정 연산자 (논리 부정 연산자)

! 기호 사용
참 → 거짓
거짓 → 참

!true // false
!false // true

연산자의 종류
단항 연산자 : 피연산자 1개 !true
이항 연산자 : 피연산자 2개 10 + 20
삼항 연산자 : 피연산자 3개 true ? 10 : 20

논리합/논리곱 연산자

논리곱X 연산자 &&

양쪽 변의 값이 모두 true 일때 true를 결과로 낸다
이외에는 모두 false

논리합+ 연산자 ||

양쪽 변의 값 중 하나만 true 여도 true 결과를 낸다

템플릿 문자열

기존에는 자바스크립트에서 문자열 내부에 표현식을 삽입할 때 문자열 연결 연산자 + 사용했지만

console.log('표현식 273 + 52의 값은' + (273 + 52) + '입니다')
// 표현식 273 + 52의 값은 325입니다

이런식으로 표현식을 많이 결합하면 코드가 복잡해지므로 탬플릿 문자열 으로 작성한다

백틱 기호로 감싼다
문자열 내부에 ${} 기호를 사용해서 표현식을 넣으면 표현식이 문자열 안에서 계산된다

탬플릿 문자열 (백틱 기호) 사용하지 않고 문자열 (따옴표 기호)에 표현식을 넣으면
표현식도 문자열로 인식되어 계산되지 않는다

console.log('표현식 273 + 52의 값은 ${273 + 52}입니다')
// 표현식 273 + 52의 값은 325입니다