본문 바로가기
Coding/JavaScript

[JavaScript] 자바스크립트를 활용하여 숫자에 ,(콤마) 넣는 방법 !! 정규식사용

by 포스트it 2024. 7. 19.
반응형

 

[JavaScript] 자바스크립트를 활용하여 숫자에 ,(콤마) 넣는 방법 !! 정규식사용

예제코드 (정규식)
function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

// 사용 예시
let number = 1234567;
console.log(numberWithCommas(number)); // 출력: "1,234,567"

 

여기서 사용된 정규식 /\B(?=(\d{3})+(?!\d))/g는 다음과 같은 의미를 가집니다:

  • \B: 단어 경계가 아님을 의미합니다. 이는 숫자 앞이나 뒤에 콤마를 잘못 삽입하지 않도록 합니다.
  • (?=(\d{3})+(?!\d)): 3자리 숫자 그룹 앞에 콤마를 삽입합니다. 이는 다음과 같이 해석됩니다:
    • (?=...): 긍정형 전방 탐색을 의미합니다. 이 패턴은 실제로 매칭되지는 않지만 그 위치를 찾아냅니다.
    • (\d{3})+: 하나 이상의 3자리 숫자 그룹을 찾습니다.
    • (?!\d): 뒤에 숫자가 오지 않음을 확인합니다.

이 정규식은 숫자를 오른쪽에서 왼쪽으로 탐색하여 3자리마다 콤마를 삽입하게 됩니다.

 

예제코드 (메서드사용)
let number = 1234567;
console.log(number.toLocaleString()); // 출력: "1,234,567"

 

728x90
반응형

댓글