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の一般ユーザー向けスケジュールタスクの詳細な説明

推薦する

WeChat アプレットカスタムタブバーステップ記録

目次1. はじめに2. タブバーのスタイルをカスタマイズする3. カスタムタブバーと関連設定を導入す...

CSS のインライン スタイルに変換するソリューション (css-inline)

シーンについて話すメールを送信サードパーティのウェブサイトにHTMLを埋め込む他の編集者の記事をコピ...

基本的な HTML ディレクトリの問題 (相対パスと絶対パスの違い)

相対パス - ファイルを参照する Web ページの場所に基づいて確立されたディレクトリ パス。そのた...

Vueのレスポンシブシステムの原理の詳細な説明

目次Vueのレスポンシブシステムの基本原則1. Object.definePropertyの使い方を...

いくつかのMySQL更新操作のケース分析

目次ケーススタディアカウント残高を更新する直接更新楽観的ロック方式ロックフリーソリューションキューイ...

ディスクを破壊せずに Linux で dd コマンドを使用する方法

故障したストレージ ドライブからデータを救出する場合でも、アーカイブをリモート ストレージにバックア...

MySQLの空の値とnull値の違いを知っていますか?

序文最近、友人がSQLを書くときにnull値を判定する方法が間違っていて、プログラム内のデータにエラ...

Linuxでのaliasコマンドの使い方の詳細な説明

1. 別名の使用alias コマンドは、コマンドのエイリアスを設定するために使用されます。このコマン...

タグ li はブロックレベル要素ですか?

なぜ高さを設定できるのでしょうか。<h1 /> などの要素とは異なり、「セミインライン」...

MySQL カーソルの概念と使用法の詳細な説明

この記事では、例を使用して MySQL カーソルの概念と使用方法を説明します。ご参考までに、詳細は以...

レスポンシブフレームワークのテーブルヘッダーの自動改行問題に対する簡単な解決策

最近、Bootstrap を使って Web サイトを開発しています。表を処理していたところ、PC で...

Linux システムで jmeter を実行し、ローカル メモリを最適化する方法の詳細な説明

1. Linuxシステムにクロスシステムファイル転送ツールをインストールするルートユーザーのルートデ...

MySQL ビューの原理と使用法の詳細な分析

序文: MySQL では、ビューはおそらく最も一般的に使用されるデータベース オブジェクトの 1 つ...

etcd クラスターをデプロイするための docker-compose の実装手順

目次docker-compose.ymlを書くdocker-composeを実行するビルドステータス...