toLocaleString 也太好用了吧！

最新推荐文章于 2025-06-23 10:10:32 发布

来碗孟婆汤

最新推荐文章于 2025-06-23 10:10:32 发布

阅读量606

点赞数 1

CC 4.0 BY-SA版权

分类专栏：原生js 文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/qq_37280949/article/details/126586590

原生js 专栏收录该内容

13 篇文章

订阅专栏

本文介绍 JavaScript 中 toLocaleString 方法在数字格式化中的多种应用，包括千分位分隔、保留小数位数、设置整数位数等，并展示了不同样式的显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

toLocaleString 偷懒小帮手啊~
项目中给数字做格式化处理的问题太常见啦，特别是涉及到金融数字的部分，这次就是有个需求需要给各种不同格式，要是以前可能就傻傻的自己写函数处理，可是这次无意间看到还有这么好用的函数，那以前岂不是纯纯的大冤种了-_-

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

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英亩