js将小数转换为百分数互转

最新推荐文章于 2024-01-05 10:30:43 发布

前端小罗

最新推荐文章于 2024-01-05 10:30:43 发布

阅读量1.2w

点赞数 3

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_43983960/article/details/121336250

版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了在JavaScript中如何实现小数与百分数之间的转换。针对Vue项目，提供了具体的转换方法，包括将小数转化为百分数（通过转换为number类型，乘以100并使用toFixed保留小数位）以及将百分数转化为小数（去除百分号后除以100）。

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

最近开发项目中，碰到的需求是把后台返回的小数形式的数据转换成百分比，前端实现方法如下：
如果你的也是vue项目使用，需要改变一下函数的定义格式，

1，小数转化为百分数

1.先转化为number类型
2.再乘以100
3. toFixed() 作用保留几位小数位

	var point = 0.666;
	function toPercent(point){
		var percent = Number(point*100).toFixed(1);
		percent += "%";
		return percent;
	}
  	 var result = toPercent(point);
	document.write("<br/>"+result);

2，百分数转化为小数

1.先去掉百分号，
2.再除以100，
3.返回出去

	var percent = "66.6%";
	function toPoint(percent){
	 	var str=percent.replace("%","");
		 	str= str/100;
	 	return str;
	}
	toPoint(percent);
	var result = toPoint(percent);
	document.write(result);