【JavaScript】数値をカンマ区切りしよう!【toLocaleString】

JavaScript

みなさんこんにちは、現役エンジニアのサメハックです

未経験からWebエンジニアに転職し、
現在正社員として5年働いたのちフリーランスとして独立しました。

JavaScriptの解説シリーズです。

今回は数値をカンマ区切りする方法について学んでいきましょう!

駆け出しエンジニアや未経験の方、
また新入社員を指導する先輩社員にとっても
わかりやすいように解説していきます!

この記事を読むと・・・
  • 数値のカンマ区切りが出来る
今回は簡単なのですぐ読めるよ!

数値をカンマ区切りしよう

JavaScriptなどで数値を表示した場合
デフォルトでは999999のように、見ずらいものとなっています。

ここでは見やすいように3桁ごとにカンマで区切りましょう

■ 構文

数値.toLocaleString()
これだけでカンマ区切りができるよ!
ちなみに文字列型に変換されるよ!

実際にカンマ区切りしてみよう!

const num = 1000;

console.log(num.toLocaleString());

【出力結果】

1,000

まとめ

  • 数値.toLocaleString() でカンマ区切りができる
  • カンマ区切りするとstring型になる

満足いただけたら、1クリックなのでSNSフォローしてもらえると嬉しいです🦈

タイトルとURLをコピーしました