さくっと数値の桁区切り表記
1,000のような3桁区切り表記をさくっと実現する方法について載せます。
言語によって区切り文字、小数点の表記が異なります。次に示す例は日本語でローカライズした場合です。
const priceValue = 1000
console.log(priceValue.toLocaleString('ja-JP'))
// 出力 → 1,000
console.log(priceValue.toLocaleString('ja-JP', { style: 'currency', currency: 'JPY' }))
// 出力 → ￥1,000toLocaleString()メソッドについての詳細は、MDN - Number.prototype.toLocaleString()(https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString)を参照してください。
上記と関連しますが、ローカライズ対応が必要な場合は、Intl API(https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Intl)を使うのが有効です。数値以外にも日付に関するAPIも提供されています。