[vue] 구구단 예제 / == 와 === 차이 / typeof 로 객체의 데이터타입 확인하기

 

 

맞는 값을 입력했는데도  계속 땡이 나오는 이유는?.....

 

 

강사님 처음코드

 

 

this.first의 숫자를 확인하고싶을때 console로 맞게나오나 찍어보기

this.second의 데이터형을 확인하고 싶을때 , typeof를 붙여주면 된다.

 

자바스크립트에서 typeof로 값 혹은 변수의 데이터 타입이 확인 가능하다.

 

또한 = , ==, ===

 

= 는 변수에 값을 '할당'할 때 쓰이고

== 는 값이 동일한지 비교할때 쓰이며

===는 '값'과 '데이터타입'이 모두 같은지 비교하는데 쓰인다.

 

 

first, second, value의 데이터타입을 각각 확인해보니 value는 string값이었기 때문에 땡이 나오는 것이었다.

그래서 ==로 하면 값만 확인하기 때문에 정답/땡이 바르게 나오는 것이었다.

 

더 정확히 정답과 땡을 나오게 하려면 value에 형변환을 해주면 된다.

형변환은 parseInt를 통해 가능하다.

parseInt를 통해 value값을 감싸주니 형변환이 되어 값과 데이터타입을 비교하여 '정답'을 찍어낼 수 있다.