jQuery显示页面数据保留两位小数点并格式化

最新推荐文章于 2025-02-15 13:52:09 发布

二苟

最新推荐文章于 2025-02-15 13:52:09 发布

阅读量2k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/aleefang/article/details/113850864

版权

这篇博客介绍了如何使用JavaScript中的parseFloat、isNaN和toFixed方法将数字格式化为保留两位小数点的形式。通过示例代码展示了具体操作，并提到了toLocaleString函数在不同场景的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其实思路很简单，把需要格式化的内容转为数字，再保留小数点就可以了。

直接贴上本地代码：

function parseFloatEle() {
        //举例具有table-number样式的元素是需要格式化的
	$(".table-number").each(function(){
		var eleV = parseFloat($(this).html());
		if (!isNaN(eleV)){
                        //这一步是小数两位以下的，不处理。如果要保持统一格式保留两位的话，不需要这一步
			var hasFloat = eleV.toString().split(".").length < 2 ? false : true;
			//数字格式化，每三位用逗号分隔
			var valueStr = eleV.toLocaleString();
			if (hasFloat){
				//$(this).html(eleV.toFixed(2).toString());
                                $(this).html(valueStr.split(".")[0] + "." + eleV.toFixed(2).toString().split(".")[1]);
			}else{
				$(this).html(valueStr);
			}
		}
	});
}

主要用到了JavaScript的三个函数

parseFloat(string)

isNaN(x)

NumberObject.toFixed(num)