TypeScriptで数値を文字列に変換：toString、String、テンプレートリテラルなど7つの方法

TypeScriptで数値を文字列にキャストする方法

toString() メソッドを使う

最も簡単な方法は、toString() メソッドを使うことです。

const num = 123;
const str = num.toString(); // "123"

toString() メソッドは、数値を10進文字列に変換します。

String() コンストラクタを使って、数値を文字列に変換することもできます。

const num = 123;
const str = String(num); // "123"

テンプレートリテラルを使って、数値を文字列に埋め込むこともできます。

const num = 123;
const str = `数値は ${num} です`; // "数値は 123 です"

テンプレートリテラルは、文字列の中に変数を埋め込むことができる便利な機能です。

その他の方法

上記以外にも、数値を文字列に変換する方法はいくつかあります。

• toFixed() メソッドを使って、小数点以下の桁数を指定することができます。
• toLocaleString() メソッドを使って、ロケールに合わせた文字列に変換することができます。
• padStart() や padEnd() メソッドを使って、文字列の左右に空白を挿入することができます。

TypeScriptで数値を文字列に変換するには、いくつかの方法があります。それぞれの方法の特徴を理解して、状況に応じて使い分けることが重要です。

// 数値を文字列に変換する

const num = 123;

// toString() メソッドを使う
const str1 = num.toString(); // "123"

// String() コンストラクタを使う
const str2 = String(num); // "123"

// テンプレートリテラルを使う
const str3 = `数値は ${num} です`; // "数値は 123 です"

// toFixed() メソッドを使う
const str4 = num.toFixed(2); // "123.00"

// toLocaleString() メソッドを使う
const str5 = num.toLocaleString(); // "123"

// padStart() メソッドを使う
const str6 = num.padStart(5, "0"); // "00123"

// padEnd() メソッドを使う
const str7 = num.padEnd(5, "0"); // "12300"

console.log(str1); // "123"
console.log(str2); // "123"
console.log(str3); // "数値は 123 です"
console.log(str4); // "123.00"
console.log(str5); // "123"
console.log(str6); // "00123"
console.log(str7); // "12300"

数値を文字列に変換するその他の方法

ビット演算を使って、数値を2進文字列に変換することができます。

const num = 123;
const str = num.toString(2); // "1111011"

const num = 1234567.89;
const str = num.toLocaleString('ja-JP'); // "1,234,567.89"

Intl.NumberFormat() クラスを使って、より詳細な書式設定を指定して文字列に変換することができます。

const num = 1234567.89;
const nf = new Intl.NumberFormat('ja-JP', {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2,
});
const str = nf.format(num); // "1,234,567.89"

ライブラリを使う

lodash などのライブラリには、数値を文字列に変換する便利な関数が用意されています。

import _ from 'lodash';

const num = 123;
const str = _.toString(num); // "123"