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

JavaScriptで[50,100]を数値に変換するとどうなる？Number()メソッドの動作を解説

JavaScriptで値を数値に変換するには、Number()メソッドを使用します。しかし、配列を渡した場合、その結果は配列の内容によって異なります。

配列[50,100]を変換した結果は？

重要なポイントとして、要素を複数持つ配列をNumber()で変換すると、結果はNaN（Not a Number）になります。これは、JavaScriptが配列を数値に変換する際、配列をまず文字列化し、その文字列を数値として解釈しようとするためです。単一要素の配列（例：[50]）であれば50に変換されますが、[50,100]のように複数の要素があると「50,100」という文字列になり、これは有効な数値として解釈できないためNaNが返されます。

コード例

以下のコードを実行して、[50,100]をJavaScriptで数値に変換した際の挙動を確認してみましょう。

<!DOCTYPE html>
<html>
   <body>
      <p>[50,100]を数値に変換する</p>

      <script>
         var myVal = [50,100];
         document.write("Number: " + Number(myVal));
      </script>

   </body>
</html>

実行結果

Number: NaN

補足：単一要素の配列の場合

参考までに、配列に要素が1つだけの場合は、その値が数値として変換されます。

Number([50]);   // 結果: 50
Number([]);     // 結果: 0（空の配列は0に変換される）
Number([50,100]); // 結果: NaN（複数要素は変換不可）

このように、Number()メソッドで配列を変換する際は、要素数に注意が必要です。複数の値を扱いたい場合は、配列の各要素を個別に変換するか、map()メソッドなどを活用するとよいでしょう。

  1. JavaScriptで["demo"]を数値に変換するとどうなる？

    JavaScriptで配列 [demo] を数値に変換するには、Number() メソッドを使用します。この配列には文字列 demo が含まれていますが、demo は数値として解釈できないため、変換結果は NaN（Not a Number）になります。NaN は「数値ではない」ことを表す特別な値で、数値への変換が失敗した際に返されます。コード例以下のコードを実行して、[demo] を JavaScript で数値に変換する動作を確認してみましょう。<!DOCTYPE html> <html>    <body>    

  2. 【JavaScript】数値をアルファベット文字列に変換するencode/decode関数の実装方法

    はじめに ログインシステムを構築する際、ユーザーを一意に識別するために固有のユーザーID（userID）を割り当てるのが一般的です。しかし、連番などの単純な数値IDは推測されやすいため、セキュリティ上の観点から何らかの形で難読化したいケースがあります。 そこで本記事では、数値とアルファベット文字列を相互に変換する、次の2つの関数を実装していきます。 encode() … 数値を26種類のアルファベットによる表記に変換する decode() … 変換された文字列を元の数値に復元する なお、実際のセキュリティ対策ではSHA-256のようなハッシュアルゴリズムが使われることが多いですが、これらは