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

JavaScript での数値から文字列への変換は、さまざまな方法を使用して実現できる一般的なタスクです。これらのメソッドを理解することは、Web 開発におけるデータの操作とプレゼンテーションに不可欠です。このガイドでは、toString()、String()、テンプレート リテラルの使用など、JavaScript で数値を文字列に変換するさまざまな方法について説明します。これらのテクニックをマスターすると、プロジェクトでの効率的かつ正確なデータ処理が保証されます。

JavaScript では、次のメソッドを使用して任意の数値を文字列形式に変更できます。

目次

方法 1: toString() メソッドを使用する

このメソッドは、 番号.プロトタイプ 物体。整数または浮動小数点数を受け取り、それを文字列型に変換します。

構文:

num.toString(); 

例: この例では、toString() メソッドを使用して数値を文字列に変換します。

JavaScript
let a = 20; console.log(a.toString()); console.log((50).toString()); console.log((60).toString()); console.log((7).toString(2)); // (7 in base 2, or binary) 

出力
20 50 60 111 

方法 2: String() 関数を使用する

このメソッドは、整数または浮動小数点数をパラメータとして受け取り、それを文字列型に変換します。

構文:

String(object); 

例: この例では、String() 関数を使用して数値を文字列に変換します。

JavaScript
let a = 30; console.log(String(a)); console.log(String(52)); console.log(String(35.64)); 

出力
30 52 35.64 

注記: 基本的な会話は行いません。 .toString() そうです。

方法 3: 空の文字列を連結する

これはおそらく、整数または浮動小数点数を文字列に変換する最も簡単な方法の 1 つです。

構文:

let variable_name =' ' + value; 

例: この例では、数値を文字列に連結し、文字列に変換します。

JavaScript
let a = '' + 50; console.log(a); 

出力
50 

方法 4: テンプレート文字列を使用する

String 内に数値を挿入することも、Integer データ型または Float データ型を解析する有効な方法です。

構文:

let variable_name = '${value}'; 

例: この例では、テンプレート文字列を使用して数値を文字列に変換します。

JavaScript
let num = 50; let flt = 50.205; let string = `${num}`; let floatString = `${flt}`; console.log(string); console.log(floatString); 

出力
50 50.205 

方法 5: toLocaleString() メソッドの使用

toLocaleString() メソッドは、ローカル言語形式を使用して数値を文字列に変換します。

例:

JavaScript
let number = 92; let numberString = number.toLocaleString(); console.log(numberString); 

出力
92 

方法 6: 使用する Lodash _.toString() メソッド

このアプローチでは、指定された値を文字列のみに変換する Lodash _.toString() メソッドを使用しています。

例: この例は、上で説明したアプローチの実装を示しています。

JavaScript
// Requiring the lodash library  const _ = require('lodash'); // Use of _.toString() method  console.log(_.toString(-0)); 

出力:

'-0' 

JavaScript での数値から文字列への変換は、toString()、String()、テンプレート リテラルなどのメソッドを使用すると簡単です。各方法には、特定の使用例に応じて独自の利点があります。これらのテクニックをマスターすることで、JavaScript スキルを強化し、Web 開発プロジェクトで正確なデータ操作を確実に行うことができます。コーディングの効率と精度を向上させるために、これらのメソッドの実装を開始してください。