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

【JavaScript】文字列を整数に変換するparseInt()関数の使い方

JavaScriptで文字列を整数に変換するには、parseInt()関数を使用します。この関数は、引数として渡された文字列の中に数値が含まれている場合、その数値を整数として返します。一方、文字列に数値が一切含まれていない場合は、NaN（Not a Number：数値ではない）を返します。

また、parseInt()関数はスペースを受け付けないという特徴があります。スペースを含む文字列が渡された場合は、スペースより前の部分にある数値だけが出力として返されます。

parseInt()の構文

parseInt(value);

この関数は文字列を受け取り、それを整数に変換します。文字列の中に整数が存在しない場合は、結果としてNaNが返されます。

使用例

次の例では、「数字のみの文字列」「数値とハイフンを含む文字列」「文字のみの文字列」「先頭に数値がある文字列」など、さまざまなパターンの文字列をparseInt()関数に渡し、それぞれの変換結果を出力しています。

<html>
<body>
<script>
   var a = "10";
   var b = parseInt(a);
   document.write("value is " + b);
   var c = parseInt("423-0-567");
   document.write("</br>");
   document.write('value is ' + c);
   document.write("</br>");
   var d = "string";
   var e = parseInt(d);
   document.write("value is " + e);
   document.write("</br>");
   var f = parseInt("2string");
   document.write("value is " + f);
</script>
</body>
</html>

出力結果

value is 10
value is 423
value is NaN
value is 2

補足：基数（進数）の指定について

parseInt()関数は第2引数で基数（進数）を指定することもできます。例えば「parseInt("101", 2)」とすると、2進数として解釈され5が返されます。予期しない変換を防ぐため、通常は基数として10を明示的に指定することが推奨されています。

  1. 文字列をJavaScriptオブジェクトに変換する方法【JSON.parse()の使い方】

    JavaScriptでJSON形式の文字列をオブジェクトに変換するには、JSON.parse()メソッドを使用します。このメソッドは、引数に渡された文字列を解析（パース）し、対応するJavaScriptオブジェクトを返します。 サンプルコード <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Docum

  2. JavaScriptで整数を2進数に変換する方法

    JavaScriptで整数を2進数に変換する基本の考え方JavaScriptで整数を2進数に変換するには、対象の整数を2で割り、その都度発生する余りを順番に記録していく方法が使われます。余りは必ず0か1になるため、計算が終わった後にこれらを逆順に並べると、元の整数の2進数表現が完成します。なお、実際の開発では toString(2) メソッドを使えば1行で変換できますが、ここでは変換の仕組み（アルゴリズム）を理解できるよう、剰余演算を用いた実装例を紹介します。サンプルコードfunction convertDecimalToBinary(value) {  var binar