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コンテナでルート権限を取得する方法

まず、コンテナが稼働している必要がありますコンテナのCONTAINER IDは、sudo docke...

Alibaba Cloud Server Ubuntu 上の Workbench が MySQL に接続できない問題の解決策 (テスト済み)

過去 2 日間、ワークベンチが Alibaba Cloud Server に接続できない問題を解決す...

Nginx は gzip 圧縮に基づいてアクセス速度を向上します

1. nginx はなぜ gzip を使用するのですか? 1. 圧縮の役割:ページがgzipで圧縮さ...

React Routerの歴史について簡単に説明します

React Router を理解したいなら、まず歴史を理解する必要があります。より具体的には、Rea...

仮想マシンのディスクサイズを拡張する方法

Vmvare が仮想マシンのディスク サイズを設定した後、ディスク領域が不足していることがわかりまし...

vue3のテレポート瞬間移動機能の使い方を詳しく解説

vue3テレポート瞬間移動機能の使用は参考用です。具体的な内容は次のとおりです。テレポートは通常、瞬...

MySQL インデックス プッシュダウンを 5 分で学ぶ

目次序文インデックス プッシュダウンとは何ですか?インデックスプッシュダウン最適化の原理インデックス...

特定の部門 ID に基づいて、すべての下位レベルの複数レベルのサブ部門を照会する MySQL の例

シミュレーションテーブルとデータスクリプト次の SQL ステートメントをコピーして、sys_dept...

webpack-dev-server のコア概念とケースの詳細な説明

webpack-dev-server コアコンセプトWebpack の ContentBase と ...

Navicateを使用してAlibaba Cloud Server上のMySQLに接続する

1. まず、サーバーの mysql にアクセスして権限を変更します。 GRANT オプション付きで、...

ウェブページで CSS スタイルを適用するさまざまな形式の概要

1. インライン スタイル (<body></body> 内に配置されます)...

Docker ケース分析: MySQL データベース サービスの構築

目次1 設定ディレクトリとデータディレクトリを作成する3 イメージからホストに構成ファイルをコピーす...

Vue の this.$router と this.$route の違いと push() メソッド

公式文書には次のように記されている。ルーターを挿入することで、どのコンポーネントでも this.$r...

Vueの監視プロパティの詳細

目次1.watchは一般的なデータ(数値、文字列、ブール値)の変更を監視します。 1. 数値2. 文...

VMware Workstation のインストール Linux (Ubuntu) システム

システムをコンピューターにインストールする方法がわからない場合は、Linux を学習したい場合は、仮...