本記事では、JavaScriptで数値を文字列に変換する方法について解説します。
JavaScriptの学習におすすめ参考書
改訂新版JavaScript本格入門 ～モダンスタイルによる基礎から現場での応用まで
| 著者 | 山田 祥寛 |
|---|---|
| 発売日 | 2016/9/30 |
| ページ数 | 782ページ |
| Kindle版 | ○ |
| レビュー (Amazon) | (146件) |
参考書が苦手な人はUdemyの動画がおすすめ
ガチで学びたい人のためのWEB開発徹底実践(フロントエンド編)
| 作成者 | CodeMafia |
|---|---|
| 学習時間 | 19.5時間 |
| 受講者数 | 28,547人 |
| レビュー | (5,025件) |
複数のやり方で変換することができる
数値から文字列に変換する方法は「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メソッドを使うのがオーソドックスな方法
先輩くん
逆のパターンで文字列を数値に変換する方法も紹介しています！
DMM WEBCAMP 
CodeCamp 
TechAcademy 
