[JavaScript] 하이픈 제거하기 방법

JavaScript에서 달력과 같은 값에서 반환되는 하이픈을 제거하고 싶습니다. 어떻게 해야 할까요? 크게 2가지 방법을 안내해 드리겠습니다.

정규식으로 하이픈 제거하기

우선, 정규식으로 하이픈을 제거하는 방법에 대해 안내해 드리겠습니다. 아래의 예제 코드에서는 replace() 메서드와 정규식 /-/g를 사용하여 하이픈을 전역으로 제거하는 것을 보여드리고 있습니다. /-/g는 하이픈을 찾아내는 정규식이고, g 플래그는 전역(global) 검색을 의미합니다. 결과적으로 "2023-03-01"는 "20230301"과 같이 변환이 됩니다.

<script>
    const originalDate = "2023-03-01";
    const transformedDate = originalDate.replace(/-/g, '');
    //20230301
    alert(transformedDate);
</script>

replaceAll 메서드로 하이픈 치환하기

정규식 /-/g 대신에 replaceAll() 메서드를 사용하여 하이픈을 치환할 수도 있습니다. replaceAll() 메서드는 일치하는 모든 문자를 찾아 새로운 값으로 치환합니다. replaceAll()을 사용한 예제 코드는 다음과 같습니다.

<script>
    const originalDate = "2023-03-01";
    const transformedDate = originalDate.replaceAll('-', '');
    //20230301
    alert(transformedDate);
</script>