如何在 JSX 中结合 toLocaleString() 和 toFixed(2)？ [复制]

【问题标题】：How do I combine toLocaleString() and toFixed(2) in JSX? [duplicate]如何在 JSX 中结合 toLocaleString() 和 toFixed(2)？ [复制]
【发布时间】：2021-01-13 21:02:00
【问题描述】：

我正在尝试使用逗号而不是“。”在我的价格值中使用 toLocaleString()，但同时我想在逗号后面加上小数。如何将两者结合起来？

【问题讨论】：

{product.price.toLocaleString()} kr,-
我想在这个中固定（2）
这能回答你的问题吗？ Javascript toFixed localized?

标签： javascript visual-studio-code decimal jsx comma

【解决方案1】：

您可以将选项传递给toLocaleString 函数：

const language = 'sv' // Swedish
const country  = 'SE' // Sweden

const locale = `${language}-${country}`

const options = {
    style: 'currency',
    currency: 'SEK', // Swedish krona
}

console.log(
    [10, 10.5]
        .map(price => price.toLocaleString(locale, options))
        // "10,00 kr", "10,50 kr"
)

请注意，可用的国际化选项取决于环境。最新的 Chromium/Firefox 应该没问题，但您可能需要有条件地为 IE/Safari (?)/Node JS/等加载一些 polyfill。

【讨论】：