parseInt(), Number() 두가지에 대한 고찰(feat.typeof)

계속계속 성장을 위한 기록 !

오늘의 기록은 JS의 메소드에 대해서 기록한다.
내용은 아주 간단하니까 빠르게 진행해보자!

✅ 문자열을 숫자로 변경하는데는 두가지의 방법이 있다.

1. Number() method 사용
2. parseInt() method 사용

이 두가지의 방법에는 작지만 큰 차이가 있다.

바로 코드로 뜯어본다.

const str='123456789'
//typeOf(str) =>string

이때
str을 Number(str) 또는 parseInt(str)을 사용하면 결과값은

123456789

와 같다.

단순하게 숫자에 대해서는 같은 결과로 문제가 발생하지는 않는다. 다만, 예외의 경우를 보도록 하자

1. Number(' ')
    // 결과 값: 0 
2. parseInt(' ')
	// 결과 값: NaN

이다. 논점은 이것이다. 빈 문자열에 대해서 Number() method를 사용하면 0이라는 값을 도출한다. 이는 falsy한 값으로도 사용될 수 있는 부분이고 number로도 사용될 수 있는 부분이다.

⭐️타입의 차이가 분명하게 존재한다는것!

그렇기 때문에 개발을 할때에는 결과 값은 같을때도 있지만 다른 결과를 불러오는 경우도 너무나도 많기 때문에 의도하고자 하는 개발을 하기 위해서는 명확한 코드사용이 필수라는걸 배웠다.

cf)parseInt로 falsy한 방법은 !!parseInt(' ') 또는 !!parseInt('0')을 사용하기도 한다.

나의 개발자의 사회 첫걸음의 멘토역할을 해주고 있는 선임에게도 유레카를 주셔서 땡큐 😉