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 相关文章推荐
Javascript类库的顶层对象名用户体验分析
Oct 24 Javascript
鼠标焦点离开文本框时验证的js代码
Jul 19 Javascript
jQuery中delegate和on的用法与区别详细解析
Jan 26 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
分享12个实用的jQuery代码片段
Mar 09 Javascript
基于javascript数组实现图片轮播
May 02 Javascript
ionic中列表项增加和删除的实现方法
Jan 22 Javascript
JS验证码实现代码
Sep 14 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
Oct 31 Javascript
分享一个vue项目“脚手架”项目的实现步骤
May 26 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
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
Drupal简体中文语言包安装教程
2014/09/27 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
如何在旧的PHP系统中使用PHP 5.3之后的库
2015/12/02 PHP
Yii2框架实现登录、退出及自动登录功能的方法详解
2017/10/24 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
php实现图片压缩处理
2020/09/09 PHP
jQuery 创建Dom元素
2010/05/07 Javascript
Javascript中的几种URL编码方法比较
2015/01/23 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
浅谈Angular 中何时取消订阅
2017/11/22 Javascript
JS扩展String.prototype.format字符串拼接的功能
2018/03/09 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
2018/05/09 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
python方向键控制上下左右代码
2018/01/20 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
python实现log日志的示例代码
2018/04/28 Python
Python中的Numpy矩阵操作
2018/08/12 Python
python实现顺序表的简单代码
2018/09/28 Python
详解Python3中setuptools、Pip安装教程
2019/06/18 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
Python学习之os模块及用法
2020/06/03 Python
html5+css3之制作header实例与更新
2020/12/21 HTML / CSS
安全的后院和健身蹦床:JumpSport
2019/07/15 全球购物
法雷奥SQA(electric)面试问题
2016/01/23 面试题
教师节促销活动方案
2014/02/14 职场文书
公司爱心捐款倡议书
2014/05/14 职场文书
2014年人事行政工作总结
2014/12/03 职场文书
联谊会开场白
2015/06/01 职场文书
2016年小学端午节活动总结
2016/04/01 职场文书
大学生暑期实践报告之企业经营管理
2019/08/08 职场文书
MySQL表的增删改查基础教程
2021/04/07 MySQL
Java tomcat手动配置servlet详解
2021/11/27 Java/Android