如何使用 jQuery 在价格中添加尾随零

Posted 2023-02-23

【中文标题】如何使用 jQuery 在价格中添加尾随零

【英文标题】：How to add a trailing zero to a price with jQuery

【发布时间】：2011-01-26 20:22:10

【问题描述】：

所以我有一个返回产品价格的脚本。然而，价格可能包括也可能不包括尾随零，所以有时我可能会有：

258.22

其他时候我可能会有

258.2

在后一种情况下，我需要使用 jQuery 添加尾随零。我该怎么做呢？

【问题讨论】：

Format number to always show 2 decimal places的可能重复

【参考方案1】：

你可以使用javascript的toFixed方法（source），你不需要jQuery。示例：

var number = 258.2;    
var rounded = number.toFixed(2); // rounded = 258.20

编辑：电动工具箱链接已屈服于 linkrot 并阻止了 Wayback Machine，因此源没有有效的 URL。

【讨论】：

它不适用于整数。认为这个数字是 '258' 我们怎么能做到“258.00”？

@CihanKüsmez，258 应该可以。您是否尝试使用“258”（字符串）？

但是我们如何转换成数字，因为它给出了字符串。 @T.J.克劳德

@Mahi：尾随零对数字没有意义，只是一个字符串（数字的表示）。

【参考方案2】：

Javascript 有一个函数 - toFixed - 应该做你想做的事......不需要 JQuery。

var n = 258.2;
n.toFixed (2);  // returns 258.20

【参考方案3】：

我认为 jQuery 本身没有任何字符串填充函数（这正是您要寻找的）。不过，这很简单：

function pad(value, width, padchar) 

    while (value.length < width) 
        value += padchar;
    
    return value;

编辑以上内容非常适合字符串，但对于您的特定数字情况，rosscj2533's answer 是更好的选择。