1분 정리(JS) - String() 과 toString()

김정인·2022년 12월 11일
0

1분 정리

목록 보기
2/2
post-thumbnail

✅ 들어가기 앞서..

JavaScript에는 문자열로 형 변환을 제공하는 기본 함수 String()과 .toString()이 있습니다. 저는 주로 형 변환이 필요할 때 String()을 사용하였는데, 그렇다면 .toString()보다 String()을 자주 쓰는 이유와 .toString()은 언제 쓰는 것이 좋은지 정리하고자 글을 작성합니다.


📌 String()과 toString()


🚩 차이점

String()은 null, undefined에 대해서도 잘 동작하는 반면, .toString()은 에러가 발생하는 것을 확인할 수 있습니다.
따라서 확실히 값이 명시된 경우에는 둘 다 상관없지만, null이나 undefined와 같이 예외인 경우가 있을 수 있기때문에 String()을 사용하는 것이 오류를 최소화할 수 있습니다.

  • String() - 어떤 형태이든 문자열로 형 변환

  • .toString() - null(존재하지 않는 값), undefined(값이 할당되지 않은 상태) 형 변환시 오류 발생

🚩 .toString()을 사용하는 경우

  • number.toString(radix) - 숫자를 2~36 진수의 수로 변경하고 싶은 경우 사용합니다.
    radix의 범위는 2~36이며, 값을 생략할 시 10진수로 반환합니다. (범위보다 작거나 커지면 오류 발생)

  • parseInt(string,radix) - 변환한 진수를 다시 숫자로 변경하는 방법입니다.

  • .toString() 사용 시 주의할 점 !

정수 리터럴을 함수에 직접 사용할 경우 오류가 발생할 수 있습니다. JavaScript에서 숫자 뒤 .은 부동 소수점 숫자의 일부로 해석하기 때문입니다. 따라서 위 예제에서100.toString()의 경우 toString()을 숫자로 인식하기 때문에 오류가 발생한 것이고, 이를 해결하는 방법은

  1. 정수에 소수점은 하나만 존재하기 때문에 .0을 붙여서 .toString()함수를 사용합니다. 여기서 두번째 .은 마침표 표기법으로 해석합니다.

  2. 정수를 ()괄호로 감싸 정수 그룹임을 표현하고 .toString()함수를 사용합니다.

이 있습니다.

profile
FE 개발자

0개의 댓글