안녕하세요, 오늘은 Typescript로 개발하다가 발생할 수 있는 trim 에러 해결방법에 대해 알아보겠습니다.
const value = ["2020","02"]
const result = value.trim()
위와 같이 개발했을 때 다음과 같이 에러가 발생합니다. 에러 원인은 생각보다 간단하니 빠르게 해결해보죠.
TypeError: trim is not a function
에러 원인
에러 원인은 trim을 사용하려는 value의 type이 string이 아니기 때문에 발생하는 것입니다. 아래와 같이 에러라고 의심되는 변수 앞에 typeof 를 붙여 확인을 해보면 String값이 아니라는 것을 알 수 있을 겁니다.
const value = ['2020','02']
alert('value의 type은 ' + typeof value)
상단의 결과값은 Object로 나올 것입니다.
해결 방법
해결방안은 간단합니다. trim을 사용할 때는 string 변수만 사용하거나, 위의 예제에서 보듯이 Object의 경우 map 함수를 이용해 trim 함수를 사용하는 방법이 있습니다.
const value = ["2020","02"]
const result = value.map(str => str.trim())
상단과 같이 처리하면 원하는 값을 받아볼 수 있습니다.
오늘은 TypeError: trim is not a function 오류의 해결방법에 대해서 알아보았습니다. javascript를 사용하다 typescript를 사용하니 세상 온갖 에러가 다 발생하네요. 에러에 대해 문의사항이 있으면 아래 댓글창을 통해 질문해주세요.
감사합니다.
반응형
'IT개발' 카테고리의 다른 글
[IT용어정리] WAF, IDS, IPS는 왜 필요한걸까? 정의와 필요성에 대해 알아보자! (92) | 2024.03.04 |
---|---|
RTK Query 캐싱 조작을 통한 데이터 변화 감지, 중복데이터 조회 방지 (108) | 2024.03.01 |
Cannot refetch a query that has not been started yet 오류 에러 해결방법 (122) | 2024.02.29 |