1. ホーム
  2. ジャバスクリプト

[解決済み】JavaScriptで文字列から数値を抽出するにはどうすればよいですか?

2022-03-23 02:50:44

質問

JavaScriptで文字列(例えば #box2 を使用したいだけです。 2 を追加しました。

試してみました。

var thestring = $(this).attr('href');
var thenum = thestring.replace( /(^.+)(\w\d+\w)(.+$)/i,'$2');
alert(thenum);

を返します。 #box2 をアラートで表示させたいのですが、どうすればよいでしょうか?

末尾に付いている任意の長さの数字に対応する必要があります。

解決方法は?

この具体的な例では

 var thenum = thestring.replace( /^\D+/g, ''); // replace all leading non-digits with nothing

を一般的なケースで使用します。

 thenum = "foo3bar5".match(/\d+/)[0] // "3"

この答えはなぜか人気があるので、ここでボーナスとして、正規表現ジェネレータを紹介します。

function getre(str, num) {
  if(str === num) return 'nice try';
  var res = [/^\D+/g,/\D+$/g,/^\D+|\D+$/g,/\D+/g,/\D.*/g, /.*\D/g,/^\D+|\D.*$/g,/.*\D(?=\d)|\D+$/g];
  for(var i = 0; i < res.length; i++)
    if(str.replace(res[i], '') === num) 
      return 'num = str.replace(/' + res[i].source + '/g, "")';
  return 'no idea';
};
function update() {
  $ = function(x) { return document.getElementById(x) };
  var re = getre($('str').value, $('num').value);
  $('re').innerHTML = 'Numex speaks: <code>' + re + '</code>';
}
<p>Hi, I'm Numex, the Number Extractor Oracle.
<p>What is your string? <input id="str" value="42abc"></p>
<p>What number do you want to extract? <input id="num" value="42"></p>
<p><button onclick="update()">Insert Coin</button></p>
<p id="re"></p>