js の parseInt() の奇妙な動作の調査と修正

js の parseInt() の奇妙な動作の調査と修正

背景:

parseInt(0.006) または parseInt(0.0006) は 0 という値を返しますが、 parseInt(0.0000006) は 6 という奇妙な値を返すことに気づいたでしょうか。これはなぜでしょうか。

parseInt 関数とは何ですか?

まず、parseInt() の機能は何でしょうか?これは js のネイティブ メソッドであり、数値文字列を Number 型の数値に変換するために使用され、整数部分のみを変換します。

解析は変換を意味し、Intは整数であり、目的はそれを整数に変換することです

var num = parseInt(demo ,radix); //demoは変換したい数値です

パラメータを渡す

var デモ = "123";
var num = parseInt(デモ);
console.log(typeof(num) + ":" + num); // 数値: 123

var デモ = true;
var num = parseInt(デモ);
console.log(typeof(num) + ":" + num); //数値: NaN

var デモ = false;
var num = parseInt(デモ);
console.log(typeof(num) + ":" + num); //数値: NaN

var デモ = 123.9;
var num = parseInt(デモ);
console.log(typeof(num) + ":" + num); //数値: 123、小数点以下を切り捨てずにそのまま切り捨てます var demo = "10";
var num = parseInt(デモ、16);
console.log(typeof(num) + ":" + num); // 数値: 16

2つのパラメータを渡す方法

var num = parseInt(demo, radix); //radixは基数を意味します

説明:基数が16と記述されている場合、システムは16進数に基づいていると認識します。10(ゼロ)は16進数ではゼロであり、これは16進数に基づいています。これを10進数(つまり16)に変換します。上記はターゲット基数に基づいて10進数に変換されます(基数の範囲は2〜36です)

例:

//1.
parseInt(10,2) // 10は2進数とみなされ、10進数に変換されて2になるため、結果は2になります。

//2
var デモ = "123abc";
var num = parseInt(デモ);
console.log(typeof(num) + “:” + num); //結果: 数値: 123 
//parseIntは数値クラスから始まり、非数値クラスで停止するため、元の数値を返します

原因を探る

理想的な目標はすべての小数を 0 に変換することですが、parseInt (0.0000006) は 6 を返すため、これはとんでもない結果になります。

コンソール.log(parseInt(0.006)) //0
コンソール.log(parseInt(0.0006)) //0
コンソール.log(parseInt(0.00006)) //0
コンソール.log(parseInt(0.000006)) //0
コンソール.log(parseInt(0.0000006)) //6

帰国後、私は問題の原因とどこで発生したかを調査し始めました。

parseInt(0.0000006) //0.000006
文字列(0.0000006); //6e-7
parseInt(6e-7); //6
パースInt(0.0000006) //6

理由の要約

理由が分かりました。10 の -6 乗以降は複素数 (6e-7) に変わることがわかりました。次に、parseInt() を使用して 6e-7 の 6 を返します。最終的に返される値は 6 になります。

正しい

安全に小数点を返したい場合は、別の方法を使用する必要があります。

Math.floor(0.00006); //0
Math.floor(0.000006); //0
Math.floor(0.0000006); //0

この方法で、必要な値を取得できます。

要約する

js の parseInt() の奇妙な動作に関するこの記事はこれで終わりです。js の parseInt() の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JS 変換関数 Number()、parseInt()、parseFloat() の詳細な説明
  • JS の Number()、parseInt()、parseFloat() の詳細な理解
  • js の Number()、parseInt()、parseFloat() の違いの詳細な説明
  • JS における parseInt() と map() の使用法の分析
  • JavaScript の parseInt() 関数の定義と使用法の分析
  • Javascript関数parseInt()は変換時にバグが発生する
  • JavaScript のグローバル オブジェクトの parseInt() メソッドの使用方法の紹介
  • JavaScript parseInt() 関数の基数変換の注意点の詳細
  • JavaScript の parseInt() の魔法についての簡単な説明

<<:  MySQLグループリンクの使用に関する詳細な説明

>>:  Linuxの一般ユーザー向けスケジュールタスクの詳細な説明

推薦する

dockerを使用してdubboプロジェクトをデプロイする方法

1. まず、Springbootを使用して簡単なDubboテストプログラムを構築し、関連する依存関係...

Linux ホスト上で複数の MySQL データベースを起動する方法

今日は、Linux ホスト上で 4 つの MySQL データベースを起動する方法について説明します。...

JavaScript イベント委任 (プロキシ) の使用例の詳細

目次導入例: イベントの委任記述方法1: イベント委譲書き方2: 各子要素がイベントをバインドする例...

HTML の基本概要推奨事項 (段落)

HTML段落段落は <p> タグによって定義されます。例<p>これは段落で...

DPlayer.js ビデオ再生プラグインの使い方

DPlayer.jsビデオプレーヤープラグインは使いやすい主な用途: ビデオの再生、監視の開始、終了...

Vue ソング プログレス バーのサンプル コード

なお、これはvue-cliで作成したプロジェクトではありません。vue.jsを参照して記述したHTM...

Windows 10 での MySQL 5.7.17 のインストールと設定方法のグラフィック チュートリアル

この記事では、最新バージョンの MySQL データベース、つまり MySQL 5.7.17 圧縮バー...

Ubuntu の Python で C/C++ メソッドを呼び出すダイナミック リンク ライブラリの詳細な説明

ブーストをインストールPython から C/C++ を呼び出す方法はたくさんあります。この記事では...

Dockerコンテナアプリケーションログの表示方法

docker アタッチコマンドdocker attach [options] 容器実行中のコンテナに...

ウェブページの右側に固定されたフローティングレイヤーの実装コード

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

Vue+js 矢印をクリックして画像を切り替える

この記事の例では、矢印をクリックして画像を切り替えるVue + jsの具体的なコードを共有しています...

WeChatミニプログラムビデオ集中砲火位置ランダム

この記事では、WeChatミニプログラムのビデオ弾幕の位置をランダム化するための具体的なコードを紹介...

GNU Parallelの具体的な使用法

それは何ですか? GNU Parallel は、1 台以上のコンピュータでコンピューティング タスク...

Linux で起動時にプログラムを自動的に実行させる最も簡単な方法

たくさん集めましたが、すべて失敗に終わりました。最終的に、この方法は優れており、使用に影響を与えない...

DOCTYPEタイプの詳細な紹介

<br />通常、HTML では次の方法で DOCTYPE を宣言します。 <!D...