jqueryでカウントアップ中に特定の桁数へ行ったら文字を挿入

Question

お世話になります。

表題の件でコードを書いたのですが希望通りに動作をしてくれず問題があります。

【問題】
カウントアップ上限の桁数を増やすと「億」が二回入ってしまう
恐らく正規表現の書き方が間違っている

例) 00億1234兆5678億0000万

上記を
001234兆5678億0000万
になるようにしたいです。

$(function(){
new JSCODE.COUNT.CountUp(this);
});

JSCODE.COUNT.CountUp = function(ele) {
	this.$target = $(ele);
	this.init();
};

JSCODE.COUNT.CountUp.prototype = {

	init: function(){
		COUNT_MAX = 123456789; //カウント上限
		SPEED = 999; //カウントアップの速度
		this.$countUp = this.$target.find('#countBox');
		this.bindEvent();
	},

	bindEvent: function(){
		self = this;
		this.countEvent();
	},

	countEvent: function(){
		var randamNum = 0;

		var jsCountUp = setInterval(function(){//ループ
			randamNum = randamNum + Math.floor( Math.random() * 4000000 );
      countText = String(randamNum);

			if(randamNum >= COUNT_MAX){//止める処理
				_self.$countUp.text(_self.shapingNum(String(COUNT_MAX)));
				clearInterval(jsCountUp);
			}else{
				_self.$countUp.text(_self.shapingNum(countText));
			}

		} , SPEED );
	},

	shapingNum: function(num){//数字に「億、兆」を挿入
		num = num.replace(/\B(?=(\d{8})+(?!\d))/g, '兆');
		num = num.replace(/\B(?=(\d{4})+(?!\d))/g, '億');
		return num + '万円';
	}

};

Comments

[defghi1977]

コンストラクタ部も提示して下さい

[defghi1977]

グローバル変数「self」にオブジェクトを突っ込むのはおやめ下さい. window.selfには意味があります. https://developer.mozilla.org/ja/docs/Web/API/Window/self

[退会済みユーザー]

追記しました。よろしくお願いします

Answer 1

わざわざgオプション付きの正規表現置換を使うことで混乱をきたしエンバグしているように見えます。
正規表現を使うより、substrで右から切っていき、万とか億とか挿入していくのが混乱がなくていいのではないでしょうか。