カンマ区切り

デモ

10000円を100枚集めると1000000円になります。

JSコードコピー

使い方

カンマ区切りにしたい文字列を任意の要素で囲い、data-jscopyand="comma"を付与してください。

サンプルHTMLを表示する

解説

JSコードの解説を見てみる

カンマ区切りの対象となる要素をdocument.querySelectorAllで全て取得し、変数に格納します。

取得した全対象要素に対して反復処理を行っていきます。

テキストをreplaceを使って置換していきます。
正規表現の組み立て方を見てみましょう。
1.// <- 正規表現の開始
2./(?=(\d{3})$)/ <- 文末から数字3桁の位置
3./(?=(\d{3})+$)/g <- 文末から数字3桁ごとの全ての位置
4./(?=(?:\d{3})+$)/g <- 位置のキャプチャ不要の指定
5. /\d(?=(?:\d{3})+$)/g <- 数字3桁ごとの左側の数字
6. /(\d)(?=(?:\d{3})+$)/g <- 数字3桁ごとの左側の数字をキャプチャ
キャプチャした数字は$1で参照することができます。
キャプチャした数字の後ろにコンマを入れるように置換すれば完成です。

ヘルプ・コンタクト

機能に関するご質問は、このページの下部に表示されている Twitter のアイコンから Twitter に遷移後、 DM 等でご連絡ください。
導入サポートやカスタマイズも有償にてお受け致しますので、 DM 等でご連絡ください。

他のコードを探す

リクエスト受付中です。
Twitter の固定ツイートか DM にてご連絡ください。