[Javascript] 문자열 숫자로 변환하기 ParseInt(ParseFloat) vs Number vs Number.parse

 

ParseInt() /ParseFloat()

 

숫자와 문자 중 숫자만 인식하여 숫자로 리턴해 줍니다.

parseInt("2022년"); //2022 (숫자 리턴 완료)

 

하지만 문자가 앞에 있는 경우는 불가능합니다.

parseInt('제2022년'); // NaN (Not a Number 리턴)

 

parseInt는 10 이하의 소수점은 반환하지 못합니다. 그러나 parseFloat를 사용하면 소수점 반환이 가능합니다.

parseInt("10.234");		// 10
parseFloat("10.234");   // 10.234

 

 

---

 

Number()

 

이 메소드는 무조건 숫자로 이루어진 것만 숫자로 리턴해 줍니다.

Number("2022");		 // 2014 (숫자 리턴 완료)
Number("2022년");	// NaN (Not a Number 리턴)

그리고 숫자에 강하므로 소수점도 인식합니다.

Number("10.124"); //10.124

 

---

 

 

 

Number.parseInt() 

 

mdn을 보면 'Number.parseInt() 메소드는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다.'

라고 되어 있습니다.

 

진수를 사용하여 복잡한 구문을 만드는게 아니라면 아직은 사용할 일이 없지 않을까 싶습니다.

 

그리고 IE 11 에서 작동하지 않으므로 크로스브라우징을 생각한다면 퍼블리싱 할 때 왠만하면 사용하지 않을 것 같습니다.

 

 

 

 

 

 

 

 

출처:

https://coding-designer.tistory.com/21

Number.parseInt vs Number vs parseInt

MDN:

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Number/parseInt

Number.parseInt() - JavaScript | MDN