반응형
[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
반응형
'Coding > JavaScript' 카테고리의 다른 글
JavaScript에서 URL 쿼리 파라미터를 변수로 관리하는 방법(GET방식) (2) | 2024.09.04 |
---|---|
[JavaScript] keydown, keyup, keypress 함수의 기능 및 차이점 (0) | 2024.05.31 |
[JavaScript] <p> 태그안에 있는 텍스트 가지고 오는 방법 !! (0) | 2024.05.08 |
[JavaScript] 텍스트를 입력 받아 해시태그를 추가하는 방법 !! (# 추가하기) (0) | 2024.05.03 |
[JavaScript] 자바스크립트를 활용하여 단어 치환하는 방법 !! (0) | 2024.04.15 |
댓글