jqueryでn文字目の正規表現

Question

みなさんすいません。

昨日お出しした問題に不備があり過ぎて申し訳ないです。
そして回答をたくさんくださりありがとうございます。

実装したい事としては、
カウントアップする数字が一定に到達したら文言を追加です。

1000円　

↓ カウントアップ

1万0000円

↓ カウントアップ

1億0000万0000円

という動きをしたいです。

以下が現在のコードになります。
今のままだとCOUNT_MAXが多すぎると「億」「万」が無数に割り込んできてしまいます。

countUp: function(){
		var randamNum = 0;
		var $countUp = $('#target');

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

			$countUp.text(customNum(String(COUNT_MAX)));

		} , SPEED );
	},

	customNum: function(num){
		num = num.replace(/\B(?=(\d\d\d\d\d\d\d\d)+(?!\d))/g, '億');
		num = num.replace(/\B(?=(\d\d\d\d)+(?!\d))/g, '万');
		return num

Comments

[x_x]

今気づきましたが、部分置換ではなく挿入ですか？

[defghi1977]

後出しジャンケンはマナー違反です(ここまで質問の内容が翻ったことは初めてです). 一旦質問をクローズし、新たな質問としましょう.

Answer 1

const replaced = (a=>[a[1],"hoge",a[2],"fuga",a[3]].join(""))("000000000".match(/(.{3})(.{3})(.*)/));
//000hoge000fuga000

(a => a.map((val, i) => val+"円万億兆京垓".substr(i,1)).reverse().join(""))
("123456781234567".split(/(?=(?:\d{4})+$)/).reverse());
//123兆4567億8123万4567円

Comments

[wp-h]

なるほど...質問者ではありませんがこれは勉強になりました。

[defghi1977]

例外系を一切考えていないので、実際にはもう少し手を入れる必要があるかもしれません.

[defghi1977]

当初の質問の内容から、誰が数値フォーマットの話だと気づけたのだろうか・・・

[think49]

To: defghi1977 さん
> 123兆4567億8123万4567円
1兆===10^8億 なので、桁が足りませぬ

[defghi1977]

いや、もう何が正しいか判らんので自分の判断に従ったまで
このコードから何を感じるかはもう質問者に任せようと

[think49]

なるほど

Answer 2

jQuery

jqueryでn文字目の正規表現

配列、文字列操作はjQueryの得意分野ではないので、jQueryを使っても楽に書けないと思います。

コード

汎用性重視で制御構文でループ。

'use strict';
function joinArray (outerArray, innerArray) {
  var results = [],
      outerLen = outerArray.length,
      innerLen = innerArray.length;

  for (var i = 0, len = Math.min(outerLen - 1, innerLen); i < len; ++i) {
    results.push(outerArray[i], innerArray[i]);
  }

  while (i < outerLen) {
    results.push(outerArray[i++]);
  }

  return results;
}

function sample (string, innerArray) {
  return joinArray(String(string).match(/[\s\S]{3}|[\s\S]{1,2}$|^$/g), innerArray);
}

console.log(JSON.stringify(sample('000000000', ['hoge', 'foo'])));  // ["000","hoge","000","foo","000"]
console.log(JSON.stringify(sample('00000000', ['hoge', 'foo'])));  // ["000","hoge","000","foo","00"]
console.log(JSON.stringify(sample('0000000', ['hoge', 'foo'])));  // ["000","hoge","000","foo","0"]
console.log(JSON.stringify(sample('0000000', ['hoge'])));    // ["000","hoge","000","0"]
console.log(JSON.stringify(sample('000', ['hoge'])));         // ["000"]
console.log(JSON.stringify(sample('000', ['hoge', 'foo'])));  // ["000"]
console.log(JSON.stringify(sample('00', ['hoge', 'foo'])));   // ["00"]
console.log(JSON.stringify(sample('0', ['hoge', 'foo'])));    // ["0"]
console.log(JSON.stringify(sample('', ['hoge', 'foo'])));     // [""]

推奨していない質問

興味があったのでコードを書きましたが、丸投げはよろしくないと思います。

• 推奨していない質問｜teratail（テラテイル）

カウントアップ

1000円

↓ カウントアップ

1万0000円

↓ カウントアップ

1億0000万0000円

「1000 -> 10000 -> 100000000」のように [カウントアップ] していくそうですが、1回目(10倍)と2回目(10000倍)で「かける数」が異なります。
言葉通りに解釈すると、「11000 -> 100010000」になりますが、それでよいのでしょうか。
「1円」を [カウントアップ] したら何倍されるのでしょう。

コードを書く前に動作手順を見直す必要がありそうです。

更新履歴

• 2018/04/05 23:55 outerArray.length - innerArray.length > 1 の時にnullが代入される不具合を修正
• 2018/04/06 17:22 「カウントアップ」節を追記

Re: hanasan さん

Comments

[think49]

親記事にカウントアップ」節を追記しました。
動作手順を見直した方が良いのでは。

Answer 3

参考までに

var str="000000000";
str=str.replace(/^(.{3})(.{3})/,function(){
  var r=arguments;
  return r[1]+"hoge"+r[2]+"fuga";
});
console.log(str);

Answer 4

'000000000'.replace(/^(..).(..)./, function(match, p1, p2) {
  return [p1, 'hoge', p2, 'huga'].join('');
});

-- 13:03 追記
例示を見ると置換ではなく挿入のようなので、挿入版も書いておきます。

'000000000'.replace(/^(...)(...)/, function(match, p1, p2) {
  return [p1, 'hoge', p2, 'huga'].join('');
});

Answer 5

質問内容通りなら、正規表現使わなくても。

const getReplaced = ({ target, start_third, start_sixth }) => {
  return `${target.slice(0, 3)}${start_third}${target.slice(4, 7)}${start_sixth}`
}

console.log(getReplaced({
  target: '000000000',
  start_third: 'hoge',
  start_sixth: 'fuga',
}))