이 글은 JavaScript에서 숫자 형식을 지정하기 위해 구현할 수 있는 접근 방식을 설명합니다.
JavaScript에서 숫자 형식을 지정하는 방법은 무엇입니까?
JavaScript에서 숫자 형식을 지정하기 위해 다음 접근 방식을 구현할 수 있습니다.
- “ toFixed() ' 방법.
- “ Intl.NumberFormat() ” 생성자.
- “ toLocaleString() ' 방법.
- “ 정규 표현식 ”
언급된 접근법은 이제 하나씩 설명될 것입니다!
예제 1: toFixed() 메서드를 사용하여 JavaScript에서 숫자 서식 지정
이 방법은 소수점이 남아 있지 않거나 소수점 뒤에 고정된 자릿수가 남아 있는 방식으로 제공된 숫자의 형식을 지정하는 데 적용될 수 있습니다.
먼저 서식을 지정할 숫자를 지정합니다.
let formatNumber = 12.345678 ;
다음으로 ' toFixed() ” 소수점 뒤에 숫자가 남지 않도록 주어진 숫자의 형식을 지정하는 방법:
콘솔. 통나무 ( '형식이 지정된 숫자는 다음과 같습니다.' , 형식 번호. ~고정 ( ) ) ;이 단계에서도 마찬가지로 '를 전달하여 동일한 방법을 적용합니다. 둘 ” 매개 변수에 있습니다. 이렇게 하면 소수점 이하 두 자리로 숫자 서식이 지정됩니다.
콘솔. 통나무 ( '형식이 지정된 숫자는 다음과 같습니다.' , 형식 번호. ~고정 ( 둘 ) ) ;산출
예제 2: Intl.NumberFormat() 생성자를 사용하여 JavaScript에서 숫자 서식 지정
“ Intl.NumberFormat() ” 생성자는 언어 구분 숫자의 서식을 활성화하는 새 개체를 만듭니다. 이 접근 방식은 지정된 통화를 기반으로 지정된 숫자의 형식을 지정하는 데 적용할 수 있습니다.
먼저 서식을 지정할 숫자를 지정합니다.
const 형식 번호 = 12345.67 ;이제 '를 적용하십시오. Intl.NumberFormat() ”와 관련하여 지정된 숫자의 형식을 지정하는 접근 방식 우리를 ” 통화를 선택하고 그에 따라 표시합니다.
numUpd하자 = 새로운 국제 번호 형식 ( '우리 안에' , { 스타일 : '통화' , 통화 : 'USD' } ) . 체재 ( 형식 번호 ) ;콘솔. 통나무 ( '포맷된 통화:' , numUpd ) ;
산출
“ $ ”와 숫자는 제공된 숫자가 “ 우리를 ” 통화.
예제 3: toLocaleString() 메서드를 사용하여 JavaScript에서 숫자 서식 지정
“ toLocaleString() ” 메소드는 문자열 형태로 날짜 객체를 제공합니다. 이 방법은 숫자를 지정된 언어 형식으로 지정하는 데 적용할 수 있습니다.
통사론
날짜 . toLocaleString ( 현지의 , 옵션 )- “ 현지의 ”는 특정 언어 형식을 참조하십시오.
- “ 옵션 ”는 속성을 할당할 수 있는 개체를 가리킵니다.
아래 예제에서 “라는 변수에 다음과 같은 숫자를 할당합니다. 형식 번호 ”:
let formatNumber = 7323452568.283 ;이제 '를 적용하십시오. toLocaleString() ” 방법을 사용하려면 언어 형식을 “ 우리 안에 ”를 매개변수에 추가하고 형식이 지정된 결과 숫자를 표시합니다.
~였다 우리를 = 형식 번호. toLocaleString ( '우리 안에' ) ;콘솔. 통나무 ( '형식이 지정된 숫자는 다음과 같습니다.' , 우리를 ) ;
산출
예 4: 정규식을 사용하여 JavaScript에서 숫자 서식 지정
이 접근 방식은 ' 바꾸다() ” 방법을 사용하여 제공된 숫자 사이에 동일한 간격으로 쉼표를 배치하여 결과를 얻습니다.
먼저 다음 번호를 초기화합니다.
~였다 형식 번호 = 445567788 ;이제 정규식과 함께 replace() 메서드를 적용합니다. 여기서 정규식은 ' 쉼표 ” 전역 검색을 수행하여 초기화된 값으로 변환하고 쉼표로 구분된 값을 반환하여 지정된 숫자의 서식을 지정합니다.
콘솔. 통나무 ( '형식이 지정된 숫자는 다음과 같습니다.' , 끈 ( 형식 번호 ) . 바꾸다 ( /(.)(?=(\d{3})+$)/g , '$1,' ) )산출
우리는 JavaScript에서 숫자 형식을 지정하는 편리한 접근 방식을 결론지었습니다.
결론
“ toFixed() ” 방법, “ Intl.NumberFormat() ” 생성자, “ toLocaleString() ” 방법 또는 “ 정규식 ”는 JavaScript에서 숫자 형식을 지정하는 데 활용할 수 있습니다. 첫 번째 방법은 소수점 뒤에 숫자 또는 고정된 숫자가 남아 있지 않도록 숫자 형식을 지정합니다. Intl.NumberFormat() 생성자 접근 방식을 적용하여 통화를 기반으로 숫자 형식을 지정할 수 있으며 toLocaleString() 메서드를 구현하여 지정된 숫자를 언어별 형식으로 지정할 수 있습니다. 정규식 기술을 적용하여 쉼표로 구분된 값을 반환하는 방식으로 제공된 숫자의 서식을 지정할 수 있습니다. 이 블로그에서는 JavaScript에서 지정된 숫자의 형식을 지정하는 방법을 보여주었습니다.