같음을 확인 하는 방법은 === 사용.
(ex. else if (age === 100) {
console.log ("wow you are wise");
})
한 개의 =는 value를 할당. ===의 사용은 같은지 확인 하는 것!
(cf. ==은 값만을 비교하고, ===은 유형도 비교하기 때문에 ===를 주로 사용하는 것을 추천! (ex. 0==false(true), 0===false(false))
!==는 아니라면? age !== 100 은 age가 100이 아닌지를 확인.
/// Deep Dive/7.3비교연산자/page 81
== 동등비교(comparison operator) x==y x와 y의 값이 같음
=== 일치비교(strict operator) x===y x와 y의 값과 타입이 같음
!= 부동등비교 x!=y x와 y의 값이 다름
!== 불일치비교 x!==y x와 y의 값과 타입이 다름
(모두 피연산자의 값을 변경하는 부수 효과side effect 없음)
동등 비교(==) 연산자는 예측하지 어려운 결과를 만들어냊기 때문에 일치 비교(===) 연산자를 사용하자.
일치 비교 연산자에서 주의할 것은 NaN이다. NaN은 자신과 일치하지 않는 유일한 값이다. NaN === NaN; // -> false
숫자가 NaN인지 조사하려면 빌트인 함수 Number.isNaN(지정한 값이 NaN인지 확인하고 그 결과를 불리언 값으로 반환한다.)을 사용한다.
(ex. Number.isNaN(NaN); // -> true
Number.isNaN(10); // -> false
Number.isNaN(1 + undefined); // -> true)
자바스크립트에서는 양의 0과 음의 0이 있는데, 이들을 비교하면 true를 반환한다. 일치비교/동등 비교 모두 결과는 true다.
(0 === -0; // ->true
0 == -0; // -> true)
부동등 비교 연산자(!=)와 불일치 비교 연산자(!==)는 각각 동등 비교(==) 연산자와 일치 비교(===) 연산자의 반대 개념이다.
(ex. 5 != '5'; // -> false
5 !== '5'; // -> true) ///
conditional. 우리가 무언가를 체크(확인)할 수 있게 해준다.
isNaN function은 boolean을 반환한다.
하나라도 true면 OR(||)은 true가 된다.
모두 ture여야 AND(&&)는 true가 된다.
if((a && b) || (c && d)) {
}
-> 우선 (c AND D)부터 계산.
이제 HTML과 상호작용하는 단계로 넘어갈 준비가 됐다! 사용자와 상호작용하는 부분이 가장 중요하다. 자바스크립트는 본래 사용자와 상호작용하기 위해 만들어진 것이다. 클릭을 감지하는 방법을 배워야하고, events도 배워야하고, 사용자의 마우스가 무언가를 하는 것을 인지해야 한다. 키보드 입력, 마우스 클릭 등의 event를 listen(감지)해야 한다. 이러한 event를 감지해야 하고 반응도 해야 한다. 그리고 자바스크립트로 HTML을 수정하는 방법을 배워야 한다! 이제 자바스크립트가 어떻게 HTML과 상호작용하는지를 배우게 될 것이다!
