JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのparseInt()メソッドとは？文字列を整数に変換する使い方を解説

JavaScriptのparseInt()メソッドは、文字列を解析（パース）して整数を返すための関数です。数値に変換できる部分だけを読み取り、整数値として結果を返します。

さらに、第2引数として基数（記数法）を指定することもできます。たとえば「16」を指定すると、文字列を16進数として解釈します。

parseInt()メソッドの主な特徴

  • 文字列の先頭から解析し、最初に現れた数値以外の文字の手前までを整数として返します。
  • 小数点以下は切り捨てられます（例："20.50" → 20）。
  • 先頭が数値として解釈できない場合、NaN（Not a Number）を返します。
  • 第2引数の基数を指定することで、2進数・8進数・10進数・16進数など任意の記数法で解析できます。

コード例

以下のコードを実行すると、JavaScriptにおけるparseInt()メソッドの動作を確認できます。

<!DOCTYPE html>
<html>
   <body>
      <script>
         var val1 = parseInt("20.50");
         var val2 = parseInt("30 minutes");
         var val3 = parseInt("20",16);
         
         document.write(val1);
         document.write("<br>"+val2);
         document.write("<br>"+val3);
      </script>
   </body>
</html>

出力結果

20
30
32

解説

  • parseInt("20.50") → 小数点以下が切り捨てられ、「20」が返されます。
  • parseInt("30 minutes") → 先頭の数値「30」のみが読み取られ、「30」が返されます。
  • parseInt("20", 16) → 文字列「20」が16進数として解釈され、10進数の「32」が返されます。

このように、parseInt()メソッドはユーザー入力やテキストデータから数値を取り出したい場合などに非常に便利です。ただし、予期しない結果を避けるために、必要に応じて基数を明示的に指定することをおすすめします。

  1. JavaScriptの_.union()メソッドとは？配列の重複を除去して結合する使い方を解説

    _.union()メソッドの基本_.union()は、JavaScriptの便利なライブラリであるunderscore.jsに用意されているメソッドです。この関数は、複数の配列を受け取り、それらすべてに含まれる要素を統合したうえで、重複のない新しい配列（いわゆる「和集合」）を返します。各配列の値をすべて精査し、ユニークな値だけを新しい配列へと取り込んでくれるため、データの整理や重複排除の処理を簡潔に記述できるのが大きな魅力です。構文_.union( array1, array2, .... );引数として渡せる配列の数に制限はなく、2つでも3つでも、必要な数だけ指定できます。使用例：数値配列の

  2. JavaScriptの_.size()メソッドとは？配列のサイズを取得する方法を解説

    _.size()メソッドとは_.size()は、JavaScriptの定番ユーティリティライブラリであるunderscore.jsに用意されている関数です。主に配列の要素数（サイズ）を取得するために使われます。このメソッドを使用する前に、underscore.jsのCDNをページに読み込んでおく必要がある点に注意してください。構文_.size(array);例1：通常の配列の場合次の例では、数値を格納した通常の配列を_.size()メソッドに渡し、配列のサイズを取得しています。<html> <body> <head> <script src =