首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js 格式化货币

在 JavaScript 中格式化货币可以使用 Intl.NumberFormat 对象。

基础概念: Intl.NumberFormat 是 JavaScript 中用于数字格式化的内置对象,可以根据指定的区域设置对数字进行格式化,包括货币格式。

优势:

  • 简单易用,无需手动处理复杂的格式规则。
  • 支持多种语言和地区的货币格式。

类型:

  • currency :指定要使用的货币符号和代码。

应用场景:

  • 在电商网站显示商品价格。
  • 财务报表中的金额展示。

示例代码:

代码语言:txt
复制
const amount = 123456.78;

// 格式化为人民币
const formatterCN = new Intl.NumberFormat('zh-CN', {
    style: 'currency',
    currency: 'CNY'
});
console.log(formatterCN.format(amount)); // 输出:¥123,456.78

// 格式化为美元
const formatterUS = new Intl.NumberFormat('en-US', {
    style: 'currency',
    currency: 'USD'
});
console.log(formatterUS.format(amount)); // 输出:$123,456.78

常见问题及解决方法:

  • 格式不符合预期:检查指定的区域设置和货币代码是否正确。
  • 小数位数问题:可以通过 minimumFractionDigitsmaximumFractionDigits 属性来控制小数位数。

例如,要控制人民币格式化为两位小数:

代码语言:txt
复制
const formatterCN = new Intl.NumberFormat('zh-CN', {
    style: 'currency',
    currency: 'CNY',
    minimumFractionDigits: 2,
    maximumFractionDigits: 2
});
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • JavaScript如何对数字进行千分位货币格式化

    float; return number; } 直到最近,才发现有这么一个方法,一句代码即可实现,她就是Number.prototype.toLocaleString(),她不仅可以插入千分位,还可以格式化为货币格式...,并可以根据设定参数格式化出不同国别的货币格式,而且会自动的采用四舍五入法保留两位小数,是不是很方便呢,下面我们来看看应该怎么来使用她吧。...这是个比较庞大的体系,这里就简单说说我们可能会用到的 style – 格式化时使用的样式.可选值有“decimal” – 纯数字格式 , “currency” – 货币格式, “percent” –...百分比格式; 默认值 “decimal” currency – 在货币格式化中使用的货币符号....Global_Objects/Number/toLocaleString 本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息: 原文出处:Yiiven https://www.yiiven.cn/js-tolocalestring.html

    2.6K20
    领券