JS中移除非数字并且只保留一位小数实例代码-js教程-PHP中文网

首页

web前端

js教程

JS中移除非数字并且只保留一位小数实例代码

php中世界最好的语言

May 22, 2018 pm 02:20 PM

javascript保留

这次给大家带来JS中移除非数字并且只保留一位小数实例代码，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 += &#39;.&#39;;  
    }  
    while (s.length <= rs + 2) {  
      s += &#39;0&#39;;  
    }  
    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>

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

jQuery实现模糊查询步骤详解

node Async/Await 异步编程实现详解

以上是JS中移除非数字并且只保留一位小数实例代码的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

C和JavaScript：连接解释Apr 23, 2025 am 12:07 AM

C 和JavaScript通过WebAssembly实现互操作性。1）C 代码编译成WebAssembly模块，引入到JavaScript环境中，增强计算能力。2）在游戏开发中，C 处理物理引擎和图形渲染，JavaScript负责游戏逻辑和用户界面。

从网站到应用程序：JavaScript的不同应用Apr 22, 2025 am 12:02 AM

JavaScript在网站、移动应用、桌面应用和服务器端编程中均有广泛应用。1)在网站开发中，JavaScript与HTML、CSS一起操作DOM，实现动态效果，并支持如jQuery、React等框架。2)通过ReactNative和Ionic，JavaScript用于开发跨平台移动应用。3)Electron框架使JavaScript能构建桌面应用。4)Node.js让JavaScript在服务器端运行，支持高并发请求。

Python vs. JavaScript：比较用例和应用程序Apr 21, 2025 am 12:01 AM

Python更适合数据科学和自动化，JavaScript更适合前端和全栈开发。1.Python在数据科学和机器学习中表现出色，使用NumPy、Pandas等库进行数据处理和建模。2.Python在自动化和脚本编写方面简洁高效。3.JavaScript在前端开发中不可或缺，用于构建动态网页和单页面应用。4.JavaScript通过Node.js在后端开发中发挥作用，支持全栈开发。