首頁 >web前端 >js教程 >JS中移除非數字並且只保留一位小數實例代碼

JS中移除非數字並且只保留一位小數實例代碼

php中世界最好的语言原創: 2018-05-22 14:20:041456瀏覽

這次帶給大家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中文網其它相關文章！