如何在JavaScript中从字符串中提取数字？

Question

我在JavaScript中有一个字符串（例如，#box2），我只想从中获取2。

我尝试过：

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

它仍然在弹出窗口中返回#box2。我该怎么做才能让它起作用？

它需要适应结尾附加的任何长度的数字。

- user1022585

---

你可以这样做。它会很好地工作。var thestring = $(this).attr('href');var thenum = parseFloat(thestring);alert(thenum); - Vivek Shukla

这段代码对我来说运行良好，但有一个情况，我有一个字符串'2.5/mile'，我想从中提取出2.5。上面的代码给我返回了25而不是2.5。 - Bijay Singh

相关链接：https://dev59.com/1HI-5IYBdhLWcg3wbHq- - Avatar

Answer 1

对于这个具体的例子，

 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>

- georg

---

"#box2_col3".replace(/^\D+/g, '') 应该显示 2，而不是 2_col3。 - Shiplu Mokaddim

@shiplu.mokadd.im：我在问题中没有看到任何关于 #box2_col3 的引用。 - georg

是的，没有提到#box2_col3的引用。但是请注意正则表达式OP使用的(\w)(.+$))，这清楚地表明数字后面还有其他字符。 - Shiplu Mokaddim

如果末尾之前有数字，那么你的模式也会失败。 - Shiplu Mokaddim

你可以使用以下代码使得 replace 函数可以处理带有前导数字的字符串：theString.replace(/^.*\D+/g, '');，但是 shiplu.mokadd.im 的解决方案更好。 - LandonSchropp

Answer 2

您应该尝试以下方法：

var txt = "#div-name-1234-characteristic:561613213213";
var numb = txt.match(/\d/g);
numb = numb.join("");
alert (numb);​

结果

1234561613213213

- Jason Marshall

---

好的，如果我想要单独获得数字集合呢？比如 1234、5616133... - Amar Singh

或者一行代码加上将其解析为整数：parseInt(txt.match(/\d/g).join(''), 10) - Lukas Liesis

"$ 20.0".match(/\d/g).join('') => "200"（仅供参考） - vsync

这个解决方案无法提取浮点数。正则表达式应该是/[+-]?\d+(\.\d+)?/g。 - Julfikar

Answer 3

我认为这个正则表达式可以满足你的需求：

var num = txt.replace(/[^0-9]/g, '');

其中txt是您的字符串。

它基本上会删除除数字以外的任何内容。

我认为您也可以使用以下方法实现相同的效果：

var num = txt.replace(/\D/g, '');

- Theodoros Klikas

---

/[^0-9]/g 为了易读性而加。同时也用于这里大部分答案：https://dev59.com/1HI-5IYBdhLWcg3wbHq- - Avatar

最佳解决方案！谢谢 - Abbos Tajimov

Answer 4

请尝试以下代码：string.replace(/[^0-9]/g, ''); 这将删除所有非数字字符，仅保留字符串中的数字。

function retnum(str) { 
    var num = str.replace(/[^0-9]/g, ''); 
    return parseInt(num,10); 
}

抱歉，我只能以英文进行回答。

console.log('abca12bc45qw'.replace(/[^0-9]/g, ''));
console.log('#box2'.replace(/[^0-9]/g, ''));

- xbalaji

---

这个答案比被接受的答案更好，因为它可以全局替换所有非数字字符，另外，/[^0-9]/g 可以替换为 /[^\d]/g。 - CPHPython

Answer 5

使用 match 函数。

var thenum = "0a1bbb2".match(/\d+$/)[0];
console.log(thenum);

- Shiplu Mokaddim

---

还可以添加一元运算符'+'将其转换为整数 var thenum = +thestring.match(/\d+$/)[0]; - Sergey Onishchenko

我猜这对于大于1位数的数字不起作用？（我知道问题是针对1位数的，但我正在查看可能大于10的数字。） - Felix

@YevgeniyAfanasyev 不应该。请检查原始问题。特别是最后一行。数字应该在末尾。 - Shiplu Mokaddim

这是一个非常出色的解决方案！但是您能否更详细地解释一下使用[0]访问匹配部分的方式，因为我找不到任何提到它的数据。 - hayley

@hayley 请查看 MDN 中 match 函数的返回值。 - Shiplu Mokaddim

Answer 6

这是一个提取带有货币符号和格式的价格的代码片段：

var price = "£1,739.12";
parseFloat(price.replace(/[^\d\.]*/g, '')); // 1739.12

- LachoTomov

---

如果我想要1739.12怎么办？ - NoobCoder

Answer 7

我尝试了上一个答案中提到的使用这段代码的所有组合，并使其成功运行。这是唯一在该字符串 (12) 3456-7890 上有效的方法。

var str = "(12) 3456-7890";
str.replace(/\D+/g, '');

结果: "1234567890"

注意：我知道这样的字符串不会在属性中出现，但无论如何，解决方案更好，因为它更加完整。

- Paulo Roberto Rosa

---

我认为更好的方法是 str.match(/\d+/g).map(Number)，它将返回一个数组。 - Artem Bernatskyi

Answer 8

您可以使用伟大的parseInt()方法。

它将把前导数字转换为数字：

parseInt("-10px");
// Will give you -10

- Eugene Tiurin

---

只有当数字位于字符串开头时才有效。 - Russj

返回NaN。 - Ahmed Syed

Answer 9

你可以使用正则表达式从字符串中提取数字：

你可以使用正则表达式从字符串中提取数字：

let string = "xxfdx25y93.34xxd73";
let res = string.replace(/\D/g, "");
console.log(res);

输出：25933473

将其包装到一个纯 JavaScript 函数中：

function onlyNumbers(text){
    return text.replace(/\D/g, "");
}

- Cassio Seffrin

Answer 10

对于像#box2这样的字符串，应该可以起作用：

var thenum = thestring.replace(/^.*?(\d+).*/,'$1');

jsFiddle：

• http://jsfiddle.net/dmeku/

- icyrock.com