[JavaScript] 형변환 메서드 차이점 (string -> number 와 number -> string)

📌 String -> Number

📍 Number(str)

문자열을 인자로 받으면 해당 문자열을 숫자로 바꿔준다.

• 문자열이 숫자가 아닌 경우 NaN이 출력된다.
• 소수점의 경우 소수점이 모두 출력되며, 숫자형으로 바뀌게 된다.

📍 parseInt(str)

Number(str)와 동일하게 문자열을 인자로 받으면 해당 문자열을 숫자로 바꿔준다.

• 문자열이 숫자가 아닌 경우, 문자열이 숫자로 시작하면 숫자가 끝날 때까지만 형 변환을 하여 출력되고, 시작이 숫자가 아닌 경우 NaN이 출력된다.
• 소수점의 경우 정수만 뽑아서 출력되며, 숫자형으로 바뀌게 된다.

📍 parseFloat(str)

문자열을 실수로 바꿔준다.

• 문자열이 숫자가 아닌 경우, 문자열이 숫자로 시작하면 숫자가 끝날 때까지만 형 변환을 하여 출력되고, 시작이 숫자가 아닌 경우 NaN이 출력된다.
• 소수점의 경우 소수점이 모두 출력되며, 숫자형으로 바뀌게 된다.

📌 Number -> String

📍 String( )

String( )은 null, undefined에 대해서도 잘 동작한다.
즉, 어떤 형태이든 문자로 형변환이 가능하다.

📍 .toString( )

.toString()은 null, undefined에 대해 에러가 발생한다.

• number.toString(radix) : 숫자를 2~36진수의 수로 변경하고 싶은 경우에 사용한다.
  radix의 범위는 2~36이며, 값 생략 시 10진수로 반환한다.

따라서 null, undefined와 같이 예외인 경우가 있을 수 있으므로 String( )을 사용하는 것이 좋다.

<참고 : https://overcome-the-limits.tistory.com/264
https://www.codingfactory.net/11026
https://ji-musclecode.tistory.com/16 >