JavaScriptでsplit()とreplace()を組み合わせ、カンマの後の数字が1桁の場合に0を追加する方法

本記事では、JavaScriptを使って文字列内の小数部分が1桁しかない場合に、末尾へ0を追加する方法を解説します。具体的にはsplit()とreplace()という2つの文字列メソッドを組み合わせて実装していきます。

要件の整理

まず、今回扱うサンプル文字列は以下のとおりです。

const a = "250,5";

この文字列に対して、次のようなルールで処理を行います。

• カンマ（,）の後に続く数字が1桁の場合は、末尾に0を追加して2桁に揃える。
• 文字列にカンマが2つ以上含まれている場合は、-1を返して不正な入力であることを示す。

実装例

これらの処理は、split()でカンマ区切りの要素数や小数部分を取得し、replace()で該当箇所を置き換えることでシンプルに実現できます。以下が実際のコード例です。

const a = "250,5";
const roundString = (str) => {
    // カンマが2つ以上ある場合は -1 を返す
    if(str.split(",").length > 2){
        return -1;
    }
    // 小数部分が1桁なら末尾に 0 を追加
    return str.replace(`,${str.split(",")[1]}`, `,${str.split(",")[1]}0`);
}
console.log(roundString(a));

ポイントとして、元のコードでは関数内で引数ではなく外部変数aを直接参照していましたが、上記のように引数strを参照する形に修正することで、どの文字列を渡しても正しく動作する汎用的な関数になります。

コードの解説

1. str.split(",")で文字列をカンマで分割し、配列の長さをチェックします。長さが3以上（＝カンマが2つ以上）であれば-1を返します。
2. 問題がなければ、replace()を使って「,5」のような1桁の小数部分を「,50」に置き換えます。

出力結果

このコードを実行すると、コンソールには以下のように表示されます。

250,50

このように、split()による検証とreplace()による置換を組み合わせることで、小数部の桁数を揃える処理をわずか数行で実装できます。金額表示など、小数点以下を必ず2桁にしたい場面でぜひ活用してみてください。