JS で数字以外を削除し、小数点以下 1 桁だけを保持するコード例-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JS で数字以外を削除し、小数点以下 1 桁だけを保持するコード例

php中世界最好的语言

May 22, 2018 pm 02:20 PM

javascript 予約する

今回は、JS で数字以外の文字を削除し、小数点以下 1 桁だけを保持するコード例を紹介します。JS で数字以外の文字を削除し、小数点以下 1 桁だけを保持するための注意事項は何ですか?一度見てみましょう。

//去除非数字
  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;
  }

ログイン後にコピー

追加:

小数点以下 2 桁を保持するための js の処理を見てみましょう。 001 を保持するのは必須です。 //関数: float ポイントは小数点以下 2 桁に四捨五入されます

2, // システムは次のように小数点以下 2 桁を保持します: 2, 00 は 2 の後に追加されます。つまり 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 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

jQueryを使用したファジークエリを実装する手順の詳細な説明

node Async/Await 非同期プログラミング実装の詳細な説明

以上がJS で数字以外を削除し、小数点以下 1 桁だけを保持するコード例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7748

Java チュートリアル

1643

CakePHP チュートリアル

1397

Laravel チュートリアル

1291

PHP チュートリアル

1234

Related knowledge

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript：リアルタイム監視システムを実現するためのキーテクノロジーはじめに：インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイムオンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータスコードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータスコードを取得する方法、特定のコード例が必要です序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータスコードを取得して操作が成功したかどうかを判断し、さまざまなステータスコードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータスコードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

エルデン・フランス・ツアーの第2ラウンドでは何が残されるのでしょうか？ Mar 11, 2024 pm 02:31 PM

エルデンズリングでゲームをプレイする場合、プレイヤーはレベルをクリアした後、2 番目のゲームを開くこともできます。多くのプレイヤーは 2 番目のゲームで何が保持されるのか知りません。キャラクターの属性と戦闘効果に関するものは 2 番目のゲームでも保持されます。ゲーム。エルデンズサークルの 2 ラウンドでは何が保持されますか? 1 ラウンドと 2 ラウンドでは、レベル、装備、小道具のみが継承されます。 2.エルデンズサークル2周目のレベル、装備、武器、祈り、魔法、遺灰、アミュレット、デットル、戦灰等は引き継がれます。 3. 単純に装備リストとして理解できる装備リスト内のすべては、武器の強化レベルを含めて予約されています。 4. すべてのキャンプファイヤーとプロット関連の小道具は継承されず、マップ上のコレクション要素も保持されず、大きなルーンも保持されません。

See all articles

JS で数字以外を削除し、小数点以下 1 桁だけを保持するコード例

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック