URLから数字が５個続く部分を正規表現で抽出したい（javaScript）

Question

html5でマークアップしているものです。

javaScriptの正規表現にてURL（例：example.com/12345/12/1234/）から
数字が5連続で続いた部分だけ抽出したいのですがどのように正規表現をかけばよろしいのでしょうか。

またその際に抽出したリンクをhtml内の特定のリンク（例：<a id="hoge" href="/index/"></a>）の末尾につけたい
と思います（例：<a href="/index/＊＊＊＊＊"></a>）。

大変お手数ではございますがご教示いただければ幸いです。
どうぞ宜しくお願いします。

Answer 1

命題の件は以下ですが

var str="example.com/12345/12/1234/";
console.log(str.match(/\d{5}/)[0]);

いくつか課題があります

• 5文字続かない場合どうするのか？表示しない？nullを返す？

test/1234/123/

• 6文字以上の数値の連続はどうするのか？出現する先頭から5文字なのか？別のロジックがあるのか？

test/123456/123

• 2箇所以上5文字が続く場合はどうするのか？

test/12345/67890/123

• 10文字以上続いた場合、2回マッチさせたいのか？

test/1234567890/123

追記

とにかく4文字以下や6文字以上はNGで、2回でてくることはないという条件で

function check(str){
  var def="00000";
  var r=str.match(/(?:^|[^\d]+)(\d{5})(?:[^\d]+|$)/);
  return r==null?def:r[1];
}

console.log(check("123")); //NG
console.log(check("12345")); //OK
console.log(check("test/1234567/56789/123/")); //OK
console.log(check("12345/123/123")); //OK
console.log(check("test/12345/123/")); //OK
console.log(check("test/1234/123/")); //NG
console.log(check("test/123456/123/")); //NG
console.log(check("test/123/12345")); // OK
console.log(check("test/123456/123")); // NG
console.log(check("test/1234567890/123")); // NG

Comments

[sixth13]

>5文字続かない場合どうするのか？表示しない？nullを返す？
ご文字続かない場合はデフォルトの値（例：12345）を返します

>6文字以上の数値の連続はどうするのか？出現する先頭から5文字なのか？別のロジックがあるのか？
test/123456/123
上記と同じ５文字以外はデフォルトを返します

>2箇所以上5文字が続く場合はどうするのか？
test/12345/67890/123
存在しない予定です。

＞10文字以上続いた場合、2回マッチさせたいのか？
test/1234567890/123
５文字以外はマッチさせません。

[yambejp]

パターンわけ追記しておきました

[sixth13]

ありがとうございます！大変助かりました！
下記はどのようにするのでがスマートでしょうか。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
またその際に抽出したリンクをhtml内の特定のリンク（例：<a id="hoge" href="/index/"></a>）の末尾につけたい
と思います（例：<a href="/index/＊＊＊＊＊"></a>）。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

[yambejp]

戻り値を埋め込んでしまえば良いのでは？

$content='<a id="hoge" href="/index/%s"></a>';
$ret='12345'; //戻り値
$content=sprintf($content,$ret);
print htmlspecialchars($content);

※数値なら%sが%dでもよいですが、0はじまりなど考慮してとりあえず%sにしてあります

[sixth13]

ありがとうございます！試してみます！そして調べてみます！

Answer 2

正規表現 - JavaScript | MDN

↑こういうところを見て勉強してみるのをお勧めします。

Comments

[sixth13]

ありがとうございます、確認させていただきます。

Answer 3

/[0-9]{5}/
//0-9が5回の出現