首页 前端知识 js如何实现要是有两位小数保留最多两位,如果没有小数则不展示小数

js如何实现要是有两位小数保留最多两位,如果没有小数则不展示小数

2024-08-16 22:08:01 前端知识 前端哥 569 156 我要收藏

在JavaScript中,如果你想要实现一个功能,即当数字有小数时保留最多两位小数,而当数字为整数时则不显示小数部分,你可以使用toFixed()方法配合条件判断来实现。但需要注意的是,toFixed()方法总是返回一个字符串,并且会强制添加小数点后两位,即使这两位都是0。因此,你需要额外处理整数的情况。

下面是一个简单的函数,它接受一个数字作为参数,并返回格式化后的字符串:

function formatNumber(num) {
  // 判断是否为整数
  if (Number.isInteger(num)) {
    return num.toString(); // 如果是整数,直接转换为字符串
  } else {
    // 如果不是整数,保留两位小数并转换为字符串
    return num.toFixed(2);
  }
}

// 示例
let num1 = 123.456;
let num2 = 123;
let formattedNum1 = formatNumber(num1); // "123.46"
let formattedNum2 = formatNumber(num2); // "123"

console.log(formattedNum1);
console.log(formattedNum2);

在这个例子中,formatNumber函数首先检查输入的数字num是否为整数。如果是整数,它就直接调用toString()方法将数字转换为字符串。如果不是整数(即有小数部分),它就使用toFixed(2)方法保留两位小数,并返回结果字符串。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15787.html
标签
评论
发布的文章

HTML5学习记录

2024-04-29 12:04:01

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!