JavaScript で文字列を数値に変換する方法

JavaScript で文字列を数値に変換する方法

主なメソッドは次のとおりです: 1. parseInt() ; 2. Number() ; 3. parseFloat() ;

一つずつ紹介していきましょう。

1.parseInt(文字列、基数)

  • 文字列を解析し、指定された基数の 10 進整数または NaN を返します。
  • 最初の引数は解析される値です。引数が数値でない場合は数値に変換されます。
  • 2 番目のパラメータは解析された値の基数を指定します。
  • 渡された最初の文字を数値に変換できない場合、parseInt は NaN を返します。

互換性の問題は次のとおりです。

radixundefined 、 0 、または unspecified の場合、 JavaScript次のように想定します。

  • 入力stringが「0x」または「0x」(0 の後に小文字または大文字の X が続く)で始まる場合、基数は 16 であると見なされ、文字列の残りの部分は 16 進数として解析されます。
  • 入力文字列が「0」(ゼロ)で始まる場合、基数は8(8進数)または10(10進数)とみなされます。選択される正確な基数は実装に依存します。 ECMAScript 5 では 10 (10 進数) を使用する必要があることが明記されていますが、まだすべてのブラウザーがこれをサポートしているわけではありません。したがって、 parseIntを使用する場合は、必ず基数を指定してください。
  • 入力string他の値で始まる場合、基数は 10 (10 進数) になります。

2. 数値()

関数はオブジェクトの値を数値に変換します

  • Number()関数はオブジェクトの値を数値に変換します。
  • 文字列がNumber()変換関数に渡されると、その文字列は整数または浮動小数点数に直接変換されます。このメソッドは小数点に基づいてのみ変換できます。文字列に数値以外の文字が含まれている場合、NaN が返されます。

3.parseFloat()

  • 指定された値は浮動小数点数または整数として解析されます。数値に変換できない場合は NaN が返されます。
  • parseFloatはグローバル関数であり、どのオブジェクトにも属しません。

すべて直接使用できます:

関数円周(r) {
  parseFloat(r) * 2.0を返す
}
 
console.log(円周(3));
// 出力: 6

最後に、より強力な操作があります。

數字字符串前直接寫“+”直接轉換

JavaScript 文字列を数値に変換する方法についての記事はこれで終わりです。JavaScript 文字列を数値に変換する関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Javascriptの基本ループの詳しい説明
  • JS ループで async と await を正しく使用する方法
  • JSにおける4つのデータ型判定方法
  • データ型の判断における js typeof と instanceof の違いと、その開発と使用について
  • JavaScript で判決文をエレガントに記述する例
  • parseInt parseFloat js 文字列変換数値
  • JavaScript の一般的なステートメント ループ、判定、文字列から数値

<<:  CSS エラスティック ボックス flex-grow、flex-shrink、flex-basis の詳細な説明

>>:  Centos7環境でYUMを構築する方法

推薦する

Vueはシンプルな虫眼鏡効果を実装します

この記事では、参考までに、簡単な虫眼鏡効果を実現するためのVueの具体的なコードを紹介します。具体的...

jsネイティブウォーターフォールフロープラグイン制作

この記事では、jsネイティブウォーターフォールフロープラグインの具体的なコードを参考までに共有します...

mysql での rpm インストールの詳細な説明

インストールとアンインストールの表示 # rpm -qa | grep mysql を表示 # アン...

CentOS 8にJenkinsをインストールする方法

CentOS 8 に Jenkins をインストールするには、root アカウントまたは sudo ...

パーティクルダイナミックボタン効果を実現するCSS

オリジナルリンクhttps://github.com/XboxYan/no…ボタンは、おそらく We...

Jsモジュール化の動作原理とソリューションの詳細な説明

目次1. モジュラーコンセプト2. モジュール化3. モジュール化プロセス1. 通常の記述(グローバ...

中国語フォントの英語名まとめ

CSS の font-family プロパティを使用して中国語フォントを参照する場合、フォントを定義...

Vue3+スクリプト設定+ts+Vite+Volarプロジェクト

目次Viteを使用してvue + tsプロジェクトを作成するVue 3の3つの構文オプションAPIコ...

MySQL Innodbインデックスの原理の詳細な説明

導入振り返ってみると、4年前、私がMySQLのインデックスについて学んでいたとき、先生はインデックス...

ウェブインターフェースデザインでウェブサイトのスタイルガイドを作成する方法(画像とテキスト付き)

スタイル ガイドとは何でしょうか? 簡単に言えば、ストーリーを伝える方法を説明するドキュメントです。...

モバイルウェブ画面適応(rem)

序文最近、フロントエンドの学習に関する以前のメモを整理したところ、モバイル Web 画面の適応 (r...

Windows Server 2016 でサービスを展開する方法 (グラフィック チュートリアル)

導入インストールするシステムの数が多い場合、USB フラッシュ ドライブまたは CD を使用した手動...

Nginx の動的および静的分離実装ケースのコード分析

静的と動的の分離動的リクエストと静的リクエストはミドルウェアを通じて分離され、不要なリクエストの消費...

この記事ではCSSボーダーの使い方を説明します

境界線のスタイルborder-style プロパティは、表示する境界線の種類を指定します。 bord...

プロフェッショナルおよび非プロフェッショナルのウェブデザイン

まず、Web ページのスタイルの形成は、主に Web ページのレイアウト設計、ページの色処理、画像と...