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

JavaScriptでNaNを文字列に変換する方法｜String()関数の使い方をわかりやすく解説

NaNとは？

JavaScriptにおける「NaN（Not a Number）」は、数値演算の結果が無効または未定義であることを表す特殊な値です。たとえば、0を0で割った場合や、数値に変換できない文字列をNumber型へ変換しようとした際などに発生します。

このNaNを文字列として扱いたい場面は少なくありません。デバッグ時のログ出力や、Webページへの表示などがその代表例です。ここでは、最も基本的な方法であるString()関数を使った変換手順をご紹介します。

String()関数を使った変換方法

以下のコードを実行すると、NaNを文字列に変換する様子を確認できます。

<!DOCTYPE html>
<html>
   <body>
      <p>Convert NaN to String</p>
      <script>
         var val = NaN;
         document.write("<br>String : " + String(val));
      </script>
   </body>
</html>

実行結果

ブラウザで上記のコードを実行すると、次のように出力されます。

String : NaN

コードの解説

まず、変数 val にNaNを代入しています。続いて String(val) を呼び出すことで、NaNが文字列「NaN」へと変換され、document.write() によってその結果がページに出力される仕組みです。

その他の変換方法

String()関数以外にも、NaNを文字列に変換する手段はいくつかあります。用途に応じて使い分けるとよいでしょう。

1. toString()メソッド

var val = NaN;
console.log(val.toString()); // 結果: "NaN"

2. テンプレートリテラル

var val = NaN;
console.log(`${val}`); // 結果: "NaN"

3. 文字列との連結

var val = NaN;
console.log(val + ""); // 結果: "NaN"

いずれの方法でも、NaNは文字列「NaN」として扱われます。特にテンプレートリテラルや文字列連結は、既存のコードに組み込みやすいのが特徴です。

まとめ

JavaScriptでNaNを文字列に変換するには、String()関数を使うのが最もシンプルで確実な方法です。また、toString() メソッドやテンプレートリテラル、文字列連結といった代替手段も存在します。デバッグやログ出力の際に活用してみてください。

  1. JavaScriptで文字列を検索する方法【search()メソッドの使い方を解説】

    JavaScriptで文字列を検索する方法 JavaScriptで文字列の中から特定の文字列を探すには、search()メソッドを使用します。このメソッドは、引数に渡した文字列（または正規表現）が対象の文字列内で最初に一致した位置（インデックス）を返し、見つからなかった場合は -1 を返します。 以下は、JavaScriptで文字列を検索するサンプルコードです。 サンプルコード <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" />

  2. 文字列を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