logo

JavaScript で文字列を整数に変換する

JavaScript では、文字列内に数値が閉じ込められていることに気づくことがよくあります。これは、ユーザー入力を処理しているとき、ファイルからデータを読み取っているとき、またはサードパーティ API を操作しているときに発生する可能性があります。ただし、JavaScript には、その数値を解放して整数に変換するための便利なメソッドがいくつか用意されています。これは、数値を計算したり比較したりする必要がある場合に非常に便利です。

目次

アプローチ 1: parseInt() メソッドを使用して文字列を整数に変換する

parseInt() メソッド 文字列と基数パラメータを受け入れ、それを整数に変換します。



構文:

parseInt( Value, radix )>

例: この場合、JavaScript の parseInt() メソッドを使用して文字列を整数に変換します。

JavaScript
let a = '100'; console.log('Type of a before conversion: ' + typeof a); console.log('Type of a after conversion: ' + typeof parseInt(a));>

出力
Type of a before conversion: string Type of a after conversion: number>

説明

Linuxのファイルシステム

コードは変数を初期化しますa>文字列 100 を使用すると、その型を整数に変換する前後に出力します。parseInt()>

アプローチ 2: Number() メソッドを使用して文字列を整数に変換する

number() メソッド プリミティブ データ型を数値に変換するために使用されます。変換できない場合は NAN を返します。

構文:

Number( value )>

例: ここでは、JavaScript Number() メソッドを使用して文字列を整数に変換しています。

JavaScript
let age = '23'; let name = 'Manya'; console.log(  'Type of name and age before conversion: ',   typeof age, typeof name ); console.log(  'Type of name and age after conversion: ',   typeof Number(age), typeof Number(name) );>

出力
Type of name and age before conversion: string string Type of name and age after conversion: number number>

説明

最も近いJavaScript

コードは変数を初期化しますage>そしてname>それぞれ年齢と名前を表す文字列値を使用します。次に、次を使用して数値に変換する前と後の型を表示します。Number()>

アプローチ 3: 単項演算子を使用して文字列を整数に変換する

単項演算子(+) 文字列、ブール値、および非文字列を数値に変換するために使用されます。

構文:

+operand;>

例:

単項演算子 文字列を数値に変換します。

JavaScript
let age = '23'; let name = 'Manya'; const number = '100'; console.log(  'Type of name, age and number before conversion: ',   typeof age, typeof name, typeof number ); console.log(  'Type of name, age and number after conversion: ',   typeof +age, typeof +name, typeof +number );>

出力
Type of name, age and number before conversion: string string string Type of name, age and number after conversion: number number number>

説明

コードは変数を初期化しますage>name>、 そしてnumber>それぞれ年齢、名前、定数を表す文字列値を使用します。次に、単項プラス演算子を使用して数値に変換する前と後の型を表示します。+>

アプローチ 4: Math.floor() メソッドを使用して文字列を整数に変換する

Math.floor() メソッド 文字列を数値に変換するために使用されます。

構文:

Math.floor( numStr )>

例:

Math.floor() メソッドは、文字列を数値に変換するために使用されます。

JavaScript
let numStr = '101.45'; let numInt = Math.floor(parseFloat(numStr));  console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numInt);>

出力
Type of Number Before Conversion: string Type of Number After Conversion: number>

説明

Here, parseFloat()>文字列を変換するために使用されますnumStr>適用する前に浮動小数点数に変換するMath.floor()>。これにより、結果が数値になることが保証されます。

アプローチ 5: ビットごとの演算子を使用して文字列を整数に変換する

次のようなビット単位の演算子を使用する | 0 または << 0 文字列から整数への変換も簡潔な方法で実行できます。

構文:

numStr | 0; // or numStr << 0;>

例: ビットごとの演算子は、文字列を数値に変換するために使用することもできます。

Java文字列
JavaScript
let numStr = '101.45'; let numInt = numStr | 0; console.log('Type of Number Before Conversion: '   + typeof numStr);   console.log('Type of Number After Conversion: '   + typeof parseInt(numInt));>

出力
Type of Number Before Conversion: string Type of Number After Conversion: number>

アプローチ 6: BigInt() コンストラクターを使用して文字列を整数に変換する

BigInt() コンストラクターを使用して、文字列を BigInt 整数に変換できます。これは、JavaScript の安全な整数の最大制限を超える非常に大きな整数を扱う場合に特に便利です。

例:

JavaScript
// Example of using BigInt() constructor to convert a string into a BigInt integer let numStr = '12345678901234567890'; let numBigInt = BigInt(numStr); console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numBigInt); console.log(numBigInt); // Nikunj Sonigara>

出力
Type of Number Before Conversion: string Type of Number After Conversion: bigint 12345678901234567890n>

説明

コードは変数を初期化しますnumStr>文字列 101.45 を使用します。次に、ビット単位の OR 演算を使用します (|>) 暗黙的に変換しますnumStr>小数部分を切り捨てて整数に変換します。最後に、タイプを表示します。numInt>変換前と変換後。

JavaScript で文字列を整数に変換する際のエラー処理

文字列を整数に変換する場合、コードが正しく機能するように潜在的なエラーを処理することが重要です。以下に、一般的なエラーとその対処方法をいくつか示します。

  • 数字以外の文字: 文字列に数字以外の文字が含まれている場合、parseInt()>そしてNumber()>戻ってくるかもしれないNaN>(数字ではありません)。これは次を使用して確認できます isNaN()> 無効な入力を適切に処理します。
  • 先頭と末尾の空白: 文字列の先頭または末尾の空白は、一部のメソッドでは無視される場合があります。次のようなメソッドを使用しますtrim()>変換前に空白を削除します。
  • 基数の問題: 間違った基数を指定すると、parseInt()>予期せぬ結果を招く可能性があります。コンテキストに基づいて基数を検証します (たとえば、16 進文字列の場合は基数 16 を使用します)。
  • オーバーフローとアンダーフロー: 非常に大きい数値または非常に小さい数値を変換すると、オーバーフローまたはアンダーフローが発生する可能性があります。次のようなライブラリの使用を検討してください。bignumber.js>JavaScript のネイティブ範囲外の数値を処理するため。

JavaScript での文字列を整数に変換する使用例

1. 日付を数値に変換する JavaScript プログラム

JavaScript 日付 オブジェクトは日付と時刻を取得するために使用されます。日付の書式設定に役立ちます。使用できます 新しい Date のオブジェクトを作成するためのキーワード。日付を数値に変換するには、 時間をもらう() 方法

スキップリスト

2. JavaScriptでparseInt()関数を使用せずに文字列を整数に変換するにはどうすればよいですか?

parseInt() を使用せずに文字列を整数に変換するには、次を使用できます。

  • 強制を使用する
  • の使用 Number() 関数
  • の使用 単項 + 演算子
  • 使用する Math Floor() メソッド
  • 使用する Math.ceil( ) 関数

3. JavaScriptで任意の基数の文字列を整数に変換するにはどうすればよいですか?

JavaScript によって提供される次のメソッド (または関数) を使用することができます。 parseInt()。

JavaScript は Web ページ開発で最もよく知られていますが、ブラウザ以外のさまざまな環境でも使用されます。あなたが学ぶことができます JavaScript これに従って地面から JavaScript チュートリアル そして JavaScript の例