[React] 문자열 잘라서 사용하기

year={movie.release_date ? movie.release_date : ""}

영화의 개봉시기가 있으면 출력하고 없으면 빈문자열을 prop으로 넘겨주는 코드를 작성했는데,

결과값이 yyyy-mm-dd 라서 이중에 연도만 넘겨주고 싶었다.

 

1. substring

string을 반환한다.

movie.release_date.substring() // 2021-06-30
movie.release_date.substring(0, 4) // 2021

 

2. split

배열을 반환한다.

movie.release_date.split("-") // ["2021", "06", "30"]

movie.release_date.split("-", 1) // ["2021"]
movie.release_date.split("-", 2) // ["2021", "06"]
movie.release_date.split("-", 3) // ["2021", "06", "30"]

movie.release_date.split("-")[0] // 2021
movie.release_date.split("-")[1] // 06
movie.release_date.split("-")[2] // 30

split을 사용하는 게 나중에 월이나 일까지 출력하도록 수정할 때 용이할 것 같다.

 

주의할 점

substring과 split이 다른 자료형을 반환하기에 propType을 잘 신경써줘야 한다.