JavaScript / 숫자에 천 단위 쉼표 추가하는 방법, 제거하는 방법
큰 숫자인 경우 천 단위마다 쉼표(콤마)를 추가하는 경우가 많습니다. 하지만 계산을 위해서는 쉼표를 제거해야 합니다. 자바스크립트로 숫자에 쉼표를 추가하는 방법, 쉼표가 있는 숫자에서 쉼표를 제거하는 방법을 알아보겠습니다.
천 단위 쉼표 추가하는 방법
정규표현식 사용
정규표현식으로 천 단위마다 쉼표를 추가할 수 있습니다. 숫자를 toString()으로 문자열로 변환 후, 쉼표를 추가합니다.
( 123456789 ).toString().replace( /\,/g, '' ).replace( /(\d)(?=(?:\d{3})+(?!\d))/g, '$1,' );
// 123,456,789
.toLocaleString() 함수 사용
toLocaleString()으로 간편하게 천 단위마다 쉼표를 추가할 수 있습니다.
( 123456789 ).toLocaleString() // 123,456,789
하지만, 한글 환경일 때(예를 들어 웹브라우저의 언어가 한글일 때) 쉼표가 추가되는 것으로, 독일어 환경이라면 123.456.789와 같이 쉼표가 아니라 점이 생깁니다.
어떤 환경에서도 쉼표가 나오게 하고 싶다면 로케일을 추가합니다.
( 123456789 ).toLocaleString( 'ko-KR' ) // 123,456,789
옵션을 추가하여 통화 기호를 표시할 수도 있습니다.
( 123456789 ).toLocaleString( 'ko-KR', { style: 'currency', currency: 'KRW' } )
// ₩123,456,789
천 단위 쉼표 제거하는 방법
쉼표가 있는 숫자에서 쉼표를 제거할 때는 정규표현식을 사용합니다. 쉼표가 있는 숫자는 문자열이므로, 쉼표를 제거한 결과도 데이터 타입은 문자열입니다.
( '123,456,789' ).replace( /,/g, '' ) // 123456789
JavaScript / 조건문 / if, else if, else, switch
특정 조건 만족 시 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문입니다. 크게 if문과 switch문으로 구분할 수 있습니다. 조건식에서 비교할 값이 많을 때 switch문을 사용합니다.
자바스크립트에서 숫자를 내림할 때는 Math.floor(), 올림할 때는 Math.ceil(), 반올림할 때는 Math.round()를 사용합니다.
JavaScript / 함수 / Number() - 문자열을 숫자로 변환하는 함수
자바스크립트의 Number()는 문자열을 숫자로 변환하는 함수입니다. 숫자를 문자열로 변환할 때는 String() 함수를 사용합니다.
JavaScript / 함수 / String() - 숫자를 문자열로 변환하는 함수
자바스크립트의 String()은 숫자를 문자열로 변환하는 함수입니다. 문자열을 숫자로 변환할 때는 Number() 함수를 사용합니다.
천단위 쉼표 (123456789).toLocaleString() // 123,456,789 인코딩 함수, 디코딩 함수 인코딩 함수 escape() encodeURI() encodeURIComponent() 디코딩 함수 unescape() decodeURI() decodeURIComponent() IE8에서 last-child, nth-child 등 가상 클래스 적용시키는 방법 selectivizr HTML 문서의 style 태그 안에 넣은 CSS 코드에는 적용되지 않는다. 외부 CSS 파일에만 적용됩니다. jQuery, prototype 등 다른 자바스크립트 라이브러리가 필요하다.
JavaScript / 숫자에 천 단위 쉼표 추가하는 방법, 제거하는 방법
큰 숫자인 경우 천 단위마다 쉼표(콤마)를 추가하는 경우가 많습니다. 하지만 계산을 위해서는 쉼표를 제거해야 합니다. 자바스크립트로 숫자에 쉼표를 추가하는 방법, 쉼표가 있는 숫자에서 쉼표를 제거하는 방법을 알아보겠습니다.
JavaScript / 반복문 / while, do - while, for
자바스크립트 반복문에는 while, do - while, for 세가지가 있습니다. 각 방식으로 0부터 9까지 출력해 보겠습니다.