toLocaleString을 사용하여 JavaScript에서 숫자 형식을 지정하는 자세한 예

이 글은 javascript에 대한 관련 지식을 제공합니다. 주로 JavaScript에서 toLocaleString을 사용한 디지털 형식 지정에 대한 자세한 설명을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

[관련 권장사항: javascript 비디오 튜토리얼, web front-end]

toLocaleString

프로젝트에서 숫자 서식 지정 문제는 너무 흔하며, 특히 재무 숫자와 관련하여 더욱 그렇습니다. 과거에는 이를 처리하기 위해 어리석게도 함수를 직접 작성했을 수도 있지만, 이번에는 우연히 이런 유용한 함수가 있다는 것을 알았습니다. 그렇다면 그것은 순수한 불의가 아닐까요? 이전 - _-

Number.prototype.toLocaleString()

매개변수: numObj.toLocaleString([locales [, options]]).

첫 번째 매개변수는 선택적 매개변수, 축약된 언어 코드 문자열(BCP 47 언어 태그, 예: cmn-Hans-CN) 또는 이러한 문자열의 배열입니다. 일부 유니코드 확장 키도 허용됩니다. 세부정보입니다. 특별한 지역 형식이 있는 경우 로컬 로케일을 전달해야 합니다. 일반적으로 undefine, zh 또는 en 값을 전달하면 대부분의 상황을 처리할 수 있습니다. 기본값은 undefiend 입니다. locales。一般传值undefined，zh或者en，就可以应对大多数情况了，默认不传是undefiend。

1. 数字分割成千分位

它直接调用，默认就是分割千分位的

var a = 123456.6789
a.toLocaleString() // 123,456.679,默认保留3位小数

如果不想被分给成千分位，则需要用到一个属性useGrouping: false

var a = 123456.6789
a.toLocaleString(undefined, {useGrouping: false}) // 123456.6789

2. 保留几位小数

这里主要用到了两个属性： 保留最少小数minimumFractionDigits和保留最多小数maximumFractionDigits

var a = 123456.6789
a.toLocaleString(undefined, {minimumFractionDigits: 6}) //123,456.678900

这里把最少保留数设为6，那它就会保留6位小数

var a = 123456.6789
a.toLocaleString(undefined, {maximumFractionDigits: 2}) //123,456.68

如果想保留两位小数的话，把保留最多小数设为2就行。

3. 使用的整数数字的最小数目minimumIntegerDigits

范围是1-21，默认1

var a = 123456.6789
a.toLocaleString(undefined, {minimumIntegerDigits: 8}) //00,123,456.679

使用的整数数字的最小数目，不足会补零

4. 使用的有效数字的最小数目minimumSignificantDigits

范围是1-21，默认1

var a = 123456.6789
a.toLocaleString(undefined, {minimumIntegerDigits: 8}) //00,123,456.679

5. 使用的有效数字的最大数目maximumSignificantDigits

范围是1-21，默认21

var a = 123456.6789
a.toLocaleString(undefined, {maximumSignificantDigits: 6}) //123,457

4.5两个保留有效位的属性也很厉害，可以保留任意有效位，四舍五入，不足位的会补零。

6. 展示的样式style

属性style是不同样式展示选项：默认是decimal。 选项：

decimal: 纯数字

percent： 百分比

unit： 单位格式，配合unit，单位使用。单位取值

currency： 用于货币格式，注意这个属性不能单独使用，还得配套使用currency属性

var a = 123456.6789, 
a.toLocaleString(undefined, {style: 'decimal'}) //123,456.679
a.toLocaleString(undefined, {style: 'percent'}) // 12,345,668%
a.toLocaleString(undefined, {style: 'currency', currency: 'EUR'}) // €123,456.68
a.toLocaleString(undefined, {style: 'currency', currency: 'CNY'}) // ¥123,456.68
a.toLocaleString(undefined, {style: 'unit', unit: 'acre'}) // 123,456.679英亩

其中currency和currencyDisplay也可配套使用，前者制定对应的货币，比如 USD 、EUR 与 CNY （不区分大小写的），后者则是货币符号的展示样式，默认currencyDisplay：symbol:

var a = 123456.6789, 
a.toLocaleString(undefined, {style: 'currency', currency: 'CNY', currencyDisplay: 'symbol'}) //  ¥123,456.68
a.toLocaleString(undefined, {style: 'currency', currency: 'CNY', currencyDisplay: 'code'}) // CNY 123,456.68
a.toLocaleString(undefined, {style: 'currency', currency: 'CNY', currencyDisplay: 'name'}) // 123,456.68人民币

上面都是一些toLocaleString对数字的常规格式，应对日常的格式处理应该够用的。

当然它还有Date.prototype.toLocaleString，Array.prototype.toLocaleString

1. 숫자를 천분의 일로 나누기

rrreee천분의 일로 나누기를 원하지 않으면 useGrouping: falserrreee

2. 유지할 소수 자릿수

3. 사용되는 최소 정수 자릿수 maximumIntegerDigits

5입니다. 최대 유효 숫자 수 maximumSignificantDigits

6. 표시되는 스타일 스타일

위 내용은 toLocaleString을 사용하여 JavaScript에서 숫자 형식을 지정하는 자세한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!