[Typescript] 문자열을 수정할 때 replace 보다 split과 join 함수로 사용하기!

보통 서버에서 데이터를 받아와서 화면에 뿌려줄 때, 정해진 디자인 형식대로 오지 않아 프론트단에서 수정해야 하는 경우가 생긴다.

 

예를 들어,

temp_dt : 'yyyy-mm-dd'

 

이런 식으로 들어오는 Date 데이터가 있다고 가정해보자.

서버에서는 yyyy-mm-dd 로 날려주는데 기획 상에서는 yyyy.mm.dd 형식을 원한다면

이 때마다 백엔드 팀에 형식을 고쳐달라고 말하기 애매할 때 (당연히 프론트에서 수정해야죠!)

 

이를 수정하기 위해 data.temp_dt.replace('-','.') 으로 코딩한다면 결과값은 아래와 같을 것이다.

result : 'yyyy.mm-dd'

 

ㅎㅎ..

 

문자열 전체를 검증하고 모든 값을 바꾸려고 할때는 replace보다

split과 join을 같이 사용하면 간단히 해결된다.

 

temp_dt.split('-').join('.')

 

위 코드의 결과값은 아래와 같다.

 

result : 'yyyy.mm.dd'