JS中移除非数字最多保留一位小数


Posted in Javascript onMay 09, 2018

js中移除非数字最多保留一位小数的实现代码如下所示:

//去除非数字
  var clearNoNum = function (item) {
    if (item!=null && item!=undefined) {
      //先把非数字的都替换掉,除了数字和.
      item = item.replace(/[^\d.]/g, "");
      //必须保证第一个为数字而不是.
      item = item.replace(/^\./g, "");
      //保证只有出现一个.而没有多个.
      item = item.replace(/\.{2,}/g, "");
      //保证.只出现一次,而不能出现两次以上
      item = item.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
      //最多保留小数点后一位
      var arr = item.split(".");
      if (arr.length > 1) item = arr[0] + '.' + (arr[1].length > 1 ? arr[1].substr(0, 1) : arr[1]);
     }
    return item;
  }

补充:

下面看下js处理数字保留2位小数,强制保留2位小数不够补上.00

1、保留两位小数    //功能:将浮点数四舍五入,取小数点后2位

2、//制保留2位小数,如:2,会在2后面补上00.即2.00 

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Test</title> 
<script type="text/javascript" src="js/jq.js"></script> 
</head> 
<script type="text/javascript">  
  //保留两位小数   
  //功能:将浮点数四舍五入,取小数点后2位  
  function toDecimal(x) {  
    var f = parseFloat(x);  
    if (isNaN(f)) {  
      return;  
    }  
    f = Math.round(x*100)/100;  
    return f;  
  }  
  //制保留2位小数,如:2,会在2后面补上00.即2.00  
  function toDecimal2(x) {  
    var f = parseFloat(x);  
    if (isNaN(f)) {  
      return false;  
    }  
    var f = Math.round(x*100)/100;  
    var s = f.toString();  
    var rs = s.indexOf('.');  
    if (rs < 0) {  
      rs = s.length;  
      s += '.';  
    }  
    while (s.length <= rs + 2) {  
      s += '0';  
    }  
    return s;  
  }  
  function fomatFloat(src,pos){    
     return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);    
  }  
  document.write("四舍五入 <br/>") 
  document.write("3.14159267保留2位小数:" + toDecimal(3.14159267)+"<br/>");  
  document.write("3.14159267强制保留2位小数:" + toDecimal2(3.14159267)+"<br/>");  
  document.write("3.14159267保留2位小数:" + toDecimal(3.14559267)+"<br/>");  
  document.write("3.14159267强制保留2位小数:" + toDecimal2(3.15159267)+"<br/>");  
  document.write("3.14159267保留2位小数:" + fomatFloat(3.14559267, 2)+"<br/>");  
  document.write("3.14159267保留1位小数:" + fomatFloat(3.15159267, 1)+"<br/>");  
  document.write("五舍六入 <br/>") 
  document.write("1000.003保留2位小数:" + 1000.003.toFixed(2)+"<br/>");  
  document.write("1000.08保留1位小数:" + 1000.08.toFixed(1)+"<br/>");  
  document.write("1000.04保留1位小数:" + 1000.04.toFixed(1)+"<br/>");  
  document.write("1000.05保留1位小数:" + 1000.05.toFixed(1)+"<br/>");  
  document.write("科学计数 <br/>") 
  document.write(3.1415+"科学技术后:"+3.1415.toExponential(2)+"<br/>");  
  document.write(3.1455+"科学技术后:"+3.1455.toExponential(2)+"<br/>");  
  document.write(3.1445+"科学技术后:"+3.1445.toExponential(2)+"<br/>");  
  document.write(3.1465+"科学技术后:"+3.1465.toExponential(2)+"<br/>");  
  document.write(3.1665+"科学技术后:"+3.1665.toExponential(1)+"<br/>");  
  document.write("精确到n位,不含n位 <br/>") 
  document.write("3.1415精确到小数点第2位" + 3.1415.toPrecision(2)+"<br/>");  
  document.write("3.1455精确到小数点第3位" + 3.1465.toPrecision(3)+"<br/>");  
  document.write("3.1445精确到小数点第2位" + 3.1415.toPrecision(2)+"<br/>");  
  document.write("3.1465精确到小数点第2位" + 3.1455.toPrecision(2)+"<br/>");  
  document.write("3.166592679287精确到小数点第5位" + 3.141592679287.toPrecision(5)+"<br/>");  
</script>  
<body> 
<input type="text" id="Score" /> 
</body> 
</html>

总结

以上所述是小编给大家介绍的JS中移除非数字最多保留一位小数,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js玩一玩WSH吧
Feb 23 Javascript
使用JavaScript switch case 另类写法
Mar 14 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
js形成页面的一种遮罩效果实例代码
Jan 04 Javascript
JavaScript实现动态创建CSS样式规则方案
Sep 06 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 Javascript
js clearInterval()方法的定义和用法
Nov 11 Javascript
js实现图片轮播效果
Dec 19 Javascript
vue2.0 computed 计算list循环后累加值的实例
Mar 07 Javascript
JavaScript的词法结构精华篇
Oct 17 Javascript
js核心基础之构造函数constructor用法实例分析
May 11 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
Aug 14 Javascript
JS关于刷新页面的相关总结
May 09 #Javascript
Vue引入jquery实现平滑滚动到指定位置
May 09 #jQuery
webstorm中vue语法的支持详解
May 09 #Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 #Javascript
Vue中使用vee-validate表单验证的方法
May 09 #Javascript
VeeValidate在vue项目里表单校验应用案例
May 09 #Javascript
vue实现2048小游戏功能思路详解
May 09 #Javascript
You might like
php中防止伪造跨站请求的小招式
2011/09/02 PHP
Yii2分页的使用及其扩展方法详解
2016/05/23 PHP
php实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
js兼容标准的表格变色效果
2008/06/28 Javascript
jquery插件jTimer(jquery定时器)使用方法
2013/12/23 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
javascript中arguments,callee,caller详解
2016/03/16 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
2016/05/17 Javascript
jQuery封装的屏幕居中提示信息代码
2016/06/08 Javascript
js读取json文件片段中的数据实例
2017/03/09 Javascript
angularjs实现猜数字大小功能
2020/05/20 Javascript
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
小程序视频列表中视频的播放与停止的示例代码
2018/07/20 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
小程序实现日历左右滑动效果
2019/10/21 Javascript
使用layui前端框架弹出form表单以及提交的示例
2019/10/25 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
python进阶教程之文本文件的读取和写入
2014/08/29 Python
Python HTTP客户端自定义Cookie实现实例
2017/04/28 Python
python实现用户答题功能
2018/01/17 Python
Python用61行代码实现图片像素化的示例代码
2018/12/10 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
基于Tensorflow一维卷积用法详解
2020/05/22 Python
python文件读取失败怎么处理
2020/06/23 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
Python wordcloud库安装方法总结
2020/12/31 Python
美国在线家装零售商:Build.com
2016/09/02 全球购物
函授大专自我鉴定
2013/11/01 职场文书
本科毕业生应聘自荐信范文
2014/06/26 职场文书
护士求职信
2014/07/05 职场文书
国企干部对照检查材料
2014/08/22 职场文书
个人德育工作总结
2015/03/05 职场文书
2016新年慰问信范文
2015/03/25 职场文书