如何在不显示小数点的情况下展示接近整数的价格？

Question

我正在做一个电子商务项目。
正常价格是549美元，
优惠了12.96%，
如果我从549美元中减去12.96%，
销售价格变为477.8496美元，
如下截图所示。
图片链接
我希望销售价格接近一个整数，要么是477美元，要么是478美元。
这是目前的代码：

{item.price - item.price *  item.discountPercentage/100 }

nonopolarity · Answer

let price = 477.8496;
let formattedPrice = Math.round(price);

根据您的具体应用场景，调整变量名和值。核心思想是使用一个四舍五入的函数（如Python中的round()或JavaScript中的Math.round()）将价格四舍五入到最近的整数，然后根据需要格式化该数值。

SQLMenace · Answer

Math.floor() 是JavaScript中的一个方法，它返回小于或等于给定数字的最大整数。
Math.floor(477.8496); // 返回 477
Math.ceil() 函数则返回大于或等于给定数字的最小整数。
Math.ceil(477.8496); // 返回 478

Pardeep Jain · Answer

在JavaScript中，要将数字 477.888 四舍五入到 488 或者向下舍入到 477，你可以使用 Math.ceil() 方法进行向上取整或者使用 Math.floor() 方法进行向下取整。下面是实现这两种方式的示例：

向上取整到 488：

var roundedUp = Math.ceil(477.888);
console.log(roundedUp); // 输出：478

注意：实际上要达到 488 的效果，应该先对数值进行适当的调整或加法操作，因为 Math.ceil(477.888) 的结果是 478。例如，如果你是想基于某种规则（比如十位数进一），你应该先对数字做相应的处理。

向下取整到 477：

var roundedDown = Math.floor(477.888);
console.log(roundedDown); // 输出：477

这段代码将会正确地向下取整到 477。

Anya Shenanigans · Answer

您可以使用 price.toFixed() 来四舍五入小数值。您还可以传递一个整数参数来指定保留的小数位数（例如：price.toFixed(2)）。

另一种消除小数部分的方法是使用 parseInt(price)。

John Bode · Answer

您应该尝试使用 Math.round(discountedPrice) 来获取折扣价格的四舍五入值。

在这里，我分享一个 CodeSandbox链接作为示例。

const discountedPrice =
    regularPrice - (regularPrice * discountPercentage) / 100;

const roundedDiscountedPrice = Math.round(discountedPrice);

这段代码首先计算了折扣后的价格（discountedPrice），然后使用 Math.round() 函数将其四舍五入到最接近的整数。