【JavaScript】数値を文字列に変換する方法

2022年1月31日2023年7月17日

本記事では、JavaScriptで数値を文字列に変換する方法について解説します。

JavaScriptの学習におすすめ書籍

1冊ですべて身につくJavaScript入門講座

総合評価

( 5 )

メリット

誰でも分かるように嚙み砕いて説明してくれる
アニメーションの知識が深く学べる
1つのWebサイトを作りながら学べる

1冊ですべて身につくJavaScript入門講座 [ Mana ]

楽天ブックス

¥2,794 （2023/09/23 22:33時点 | 楽天市場調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

Amazon Kindle Unlimited

全プログラマー必見！
変数名/関数名にもう悩まない！

リーダブルコード

総合評価

( 5 )

メリット

美しいコードが書けるが自然と書けるようになる
他の開発者が理解しやすいコードになる

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)

著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤功平, 翻訳:角征典

¥2,640 （2023/07/23 02:48時点 | Amazon調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

複数のやり方で変換することができる

数値から文字列に変換する方法は「String()」「toString()」「toFixed()」「文字列連結」の4種類あります。
それぞれ、使う場面が分けられますので最適な方法で変換しましょう。

String()

一番オーソドックスな数値から文字列に変換する方法がStringメソッドを使う方法です。

使い方はとても簡単で、Stringメソッドの引数に文字列に変換したい数値を渡します。

let n = 100;

let s = String(n); // "100"

toString()

toStringメソッドは、2進数や16進数などに変換することができます。10進数にも変換することが出来ますが、その場合はStringメソッドを使う方が一般的です。

使い方は、toStringメソッドの引数に◯進数にしたい数値を渡します。例えば、2進数に変換したい場合はtoString(2)の記述をします。

let n = 100;

let s2 = n.toString(2);   // "1100100"
let s8 = n.toString(8);   // "144"
let s10 = n.toString(10); // "100"
let s16 = n.toString(16); // "64"

toFixed()

toFixedメソッドは、小数点以下の桁数を指定したい時に使用します。

使い方は、toFixedメソッドの引数に残したい小数点以下の桁数を入力します。例えば、3桁まで残したい場合はtoFixed(3)の記述をします。

let n = 100.1234567;

let s = n.toFixed(0);  // "100"
let s5 = n.toFixed(5); // "100.12346"：四捨五入される

文字列連結

数値と空文字を足すことで、文字列に変換することが出来ます。

let n = 100;

let s = n + ""; // "100"

文字列連結での変換はあまりお勧めできませんが、このような方法でも変換することができるという紹介です。

まとめ

今回はJavaScriptで数値を文字列に変換する方法についてご紹介しました。最後にポイントを軽くおさらいしましょう。

ポイント

単純な文字列への変換はStringメソッドを使うのがオーソドックスな方法

先輩くん

逆のパターンで文字列を数値に変換する方法も紹介しています！