728x90
요즘 Vue, React, Node 등 Javascript 기반 프레임워크를 많이 사용하는 추세입니다.
Java, C#, Kotlin 등 Backend 프로그램에 대해서는 체계적으로 공부하는 편이지만,
Javascript에 대해서는 체계적으로 배우지 못하는 경우가 많은 것 같습니다.
이번 시간에는 Javascript 정규식 표현을 활용하여 숫자에 천단위 구분기호 (, 콤마)를 추가하는 방법을
간단하게 설명해 드립니다.
Javascript 천 단위 구분 콤마 표시 함수
정규식 이용하기
function makeNumberFormat(checkString) {
let returnValue = checkString;
if (checkString !== '' && typeof (checkString) !== 'undefined') {
returnValue = checkString.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
}
return returnValue;
}
정규 표현식이 다소 어려워 보이지만 이 표현식을 알아두면 유용하게 사용가능합니다.
추후 게시물에서 정규 표현식을 설명해드리겠습니다.
제 게시물을 통해서 Junior 개발자에게 조금이나마 도움이 되었으면 합니다.
반응형
'팁 & 노하우 > Javascript' 카테고리의 다른 글
vue3 js 목록에서 마우스 오버 시 글자, 버튼 등 나타나게 (0) | 2024.03.25 |
---|---|
뷰3 스타일 클래스 인라인 바인딩 (Vue.js 3 Style Class inline Binding) (0) | 2024.03.19 |
실전 꿀팁 + javascript 정수 random 랜덤 난수 만들기 (0) | 2024.03.07 |
javascript, 엔터키 줄바꿈 쉽게 정규식으로 변경 (br 태그) (0) | 2024.03.05 |
moment "Invalid date" 에러 처리 하기 (0) | 2024.02.29 |