数字をカンマ区切りで表示したい | 正規表現 | JavaScript 目的別リファレンス

現在作成中です。今後加筆修正してまいります。
スポンサーリンク

このプログラムは、数字をカンマ区切りで表示します。正規表現を使用して、数字の形式を整えます。

スポンサーリンク

数字をカンマ区切りで表示するプログラム

実行例

抽出前の数字リスト: “1000000 2000000 3000000”

JavaScriptとHTMLコード


<div id="output"></div>

window.onload = function() {
    const numberString = "1000000 2000000 3000000";
    const regex = /(\d)(?=(\d{3})+(?!\d))/g;
    const formattedString = numberString.replace(regex, '$1,');
    document.getElementById('output').innerHTML = `変換前: ${numberString} <br> 変換後: ${formattedString}`;
};

このプログラムの解説

このプログラムでは、与えられた数字の文字列に対して、3桁ごとにカンマを挿入します。

  • 正規表現は、数字の後に3桁の数字が続く場合にマッチします。
  • カンマを挿入するために、replaceメソッドを使用しています。

使用したオブジェクトとメソッドについて

  • String.prototype.replace() – 文字列中の部分を置換します。
  • RegExp – 正規表現を用いてパターンマッチングを行います。

RegExpオブジェクト メソッドの機能一覧

RegExpオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのRegExpオブジェクトは、正規表現を使用して文字列のパターンを検出、操作するためのオブジェクトです。以下に、RegExpオブジェクトのメソッドをインスタンスメソッドと静的メソッドに分け、アルファベット順にまとめています。 RegExpオブジェクトのインスタンスメソッド メソッド名 説明と注意点 ...
programming-cafe.com

Stringオブジェクト メソッドの機能一覧

Stringオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのStringオブジェクトは、文字列を操作するための強力なオブジェクトです。文字列はJavaScriptにおいて非常に重要なデータ型であり、文字の並びを表します。Stringオブジェクトは、プリミティブな文字列をラップするオブジェクトであり、文字列に対するさまざまな操作を行うメソッドを提供します。た...
programming-cafe.com
スポンサーリンク