从字符串中提取数字（JavaScript）

我在JavaScript中有一个字符串，例如#box2，我只想从中获取2。
我尝试了：

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

它仍然在警报中返回#box2，如何使它正常工作？
它需要容纳结尾处附加的任何长度数字。

你可以这样做。它会很好地工作。 var thestring = $（this）.attr（'href'）; var thenum = parsefloat（thestring）; alert（thenum）;

这段代码对我来说很好用，但是在一种情况下，我有一个字符串“ 2.5 / mile”，我想从中提取2.5。上面的代码给了我25而不是2.5

相关：stackoverflow.com/q/1862130/1066234

#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>

-1，“＃box2_col3” .replace（/ ^ \ D + / g，''）应该显示为2，而不是2_col3。

– Shiplu Mokaddim
2012年4月4日在1:27

@ shiplu.mokadd.im：我在问题中没有看到对＃box2_col3的引用。

–georg
2012年4月4日在1:30

是的，没有＃box2_col3的引用。但是请参阅使用的正则表达式OP（\ w）（。+ $）），它清楚地表明数字后还有其他字符。

– Shiplu Mokaddim
2012年4月4日在1:33

在这种情况下，如果末尾有数字，您的模式也会失败。

– Shiplu Mokaddim
2012年4月4日在1:40

您可以使用theString.replace（/^.* \ D + / g，''）;使带有前导数字的替换工作有效，但是shiplu.mokadd.im的解决方案更好。

–LandonSchropp
2012年4月4日在2:35

#2 楼

您应该尝试以下操作：

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

结果

1234561613213213

不错的答案，但是如果我要分别分配一组数字怎么办。即1234，5616133 ...

–艾玛·辛格（Amar Singh）
18/12/23在17:55

或者单行+解析为整数：parseInt（txt.match（/ \ d / g）.join（''），10）

–卢卡斯·里西斯（Lukas Liesis）
19年4月19日在11:52

“ $ 20.0” .match（/ \ d / g）.join（''）=>“ 200”（只是说）

– vsync
19/12/19在9:41

#3 楼

我认为这个正则表达式将满足您的目的：

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

txt是您的字符串。数字。

我认为您也可以通过使用以下方法实现相同的目的：

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

/ [^ 0-9] / g +1，以提高可读性。在这里也与大多数答案一起使用：stackoverflow.com/q/1862130/1066234

– Kai Noack
18年1月12日在16:47

#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, ''));

这比公认的答案要好，因为它确实全局替换了所有非数字，并且/ [^ 0-9] / g可以替换为/ [^ \ d] / g。

– CPHPython
19 Mar 19 '19 at 12:05

#5 楼

使用匹配功能。

var thenum = thestring.match(/\d+$/)[0];
alert(thenum);

jsfiddle

您也可以添加一元'+'使其成为整数var thenum = + thestring.match（/ \ d + $ /）[0];

–谢尔盖·奥尼申科
2014年5月5日7:00

我猜这不适用于> 1位数的数字吗？（我知道问题是1位数字，但我正在寻找可能的数字>10。）

–费利克斯
14年6月24日在4:57

@nissemand不要猜测。试试看甚至您都没有看到小提琴。

– Shiplu Mokaddim
2014年6月24日6:35

喜欢这个。将数字提取到变量中而不接触或修改元素的最简单方法。我会很高兴看到一个组合，每个组合都包含一个字符串中的多个巧合。即字符串12a55报告的是最后一个数字，而不是全部。

– m3nda
2015年2月25日在0:14

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

– Shiplu Mokaddim
2015年4月29日在7:25

#6 楼

这是一个摘录的片段，以货币和格式提取价格：

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

如果我想要1,739.12怎么办？

– NoobCoder
9月22日13:53

#7 楼

尝试使用此代码对以上引用的所有组合进行操作并使其起作用，这是唯一适用于该字符串的组合-> (12) 3456-7890

 var str="(12) 3456-7890";
str.replace( /\D+/g, '');
  
结果："1234567890" 
 
 obs：我知道类似的字符串不会出现在attr上，但是无论如何，解决方案都更好，因为它更完整。 br />
评论
我认为更好的是str.match（/ \ d + / g）.map（Number）它会返回一个数组



 – Artem Bernatskyi

 18-11-13在3:05

#8 楼

您可以使用出色的parseInt方法

，它将前导数字转换为数字

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

仅当数字在字符串开头时才有效

–Russj
2015年5月21日，3：53

其返回的NaN

–艾哈迈德·塞德（Ahmed Syed）
17年11月8日在9:34

#9 楼

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

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

http://jsfiddle.net/ dmeku /

#10 楼

您可以使用正则表达式。

var txt="some text 2";
var numb = txt.match(/\d/g);
alert (numb);

这将提醒2。

-1个多位数字将不会被捕获，并且无法在警报中使用数组

– Shiplu Mokaddim
2012年4月4日在1:24

#11 楼

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

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

输出：25933473

#12 楼

使用正则表达式，如何从字符串获取数字，例如：

String myString = "my 2 first gifts were made by my 4 brothers";
myString = myString .replaceAll("\D+","");
System.out.println("myString : " + myString);

myString的结果是“ 24”

在此处查看此运行代码的示例：
http://ideone.com/iOCf5G

Java！== JavaScript-标准JavaScript中不存在replaceAll。只有像jQuery这样的某些库才具有该方法。将来，您应该澄清一下。

–李维·罗伯茨（Levi Roberts）
15年8月12日在8:59

#13 楼

您可以按以下方式使用下划线字符串库

var common="#box"
var href="#box1"

_(href).strRight(common)

结果将是：1

请参阅：https：//github.com/epeli/ underscore.string

DEMO：http://jsfiddle.net/abdennour/Vyqtt/ HTML代码：

<p>
    <a href="#box1" >img1</a>
    <a href="#box2" >img2</a>
    <a href="#box3" >img3</a>
    <a href="#box4" >img4</a>
</p>
<div style="font-size:30px"></div>

JS代码：

var comm="#box"
$('a').click(function(){
  $('div').html(_($(this).attr('href')).strRight(comm))})

后缀如下：

href="box1az"

您可以使用下一个演示：

http://jsfiddle.net/abdennour/Vyqtt/1/

function retrieveNumber(all,prefix,suffix){
 var left=_(all).strRight(prefix);
 return _(left).strLeft(suffix);

}

#14 楼

这是一个灵魂。检查是否没有数据

var someStr = 'abc'; // add 123 to string to see inverse

var thenum = someStr.match(/\d+/);

if (thenum != null )
{
    console.log(thenum[0]);
}
else
{
 console.log('no number');
}

#15 楼

 function justNumbers(string) 
{
   var numsStr = string.replace(/[^0-9]/g,'');
   return parseInt(numsStr);
}
    
console.log(justNumbers('abcdefg12hijklmnop'));

您可以执行以下功能

function justNumbers(string) 
    {
        var numsStr = string.replace(/[^0-9]/g,'');
        return parseInt(numsStr);
    }

请记住：如果数字前面有零，则int不会拥有它

#16 楼

使用此单行代码即可获取字符串中的第一个数字而不会出现错误：

var myInt = parseInt(myString.replace(/^[^0-9]+/, ''), 10);

#17 楼

请在下面的JavaScripts中进行检查，在那里您只能获取编号

 var txt = "abc1234char5678#!9";
var str = txt.match(/\d+/g, "")+'';
var s = str.split(',').join('');
alert(Number(s));

输出：1234567789

#18 楼

var elValue     = "-12,erer3  4,-990.234sdsd";

var isNegetive = false;
if(elValue.indexOf("-")==0) isNegetive=true;

elValue     = elValue.replace( /[^\d\.]*/g, '');
elValue     = isNaN(Number(elValue)) ? 0 : Number(elValue);

if(isNegetive) elValue = 0 - elValue;

alert(elValue); //-1234990.234

广告说明。例如。为什么要使用此正则表达式。

–mentallurg
19年6月16日在10:00

#19 楼

该答案将涵盖大多数情况。当用户尝试复制粘贴电话号码时，我会遇到这种情况。

  $('#help_number').keyup(function(){
    $(this).val().match(/\d+/g).join("")
  });

说明：

str= "34%^gd 5-67 6-6ds"

str.match(/\d+/g)

将给出一个字符串数组作为
输出>> [“” 34“，” 56766“]

str.match(/\d+/g).join("")

join会将数组数据转换并连接成单个字符串

输出>>“ 3456766”

在我的示例中，我需要输出为209-356-6788，因此我使用了replace

  $('#help_number').keyup(function(){
    $(this).val($(this).val().match(/\d+/g).join("").replace(/(\d{3})\-?(\d{3})\-?(\d{4})/,'--'))
  });

#20 楼

您需要添加“（/ \ d + / g）”，这将删除所有非数字文本，但此时仍将是字符串。如果通过匹配创建变量和“ parseInt”，则可以将新变量设置为数组值。这是我如何工作的示例：

    var color = $( this ).css( "background-color" );
    var r = parseInt(color.match(/\d+/g)[0]);
    var g = parseInt(color.match(/\d+/g)[1]);
    var b = parseInt(color.match(/\d+/g)[2]);

你好！这个问题已经有一个可以接受的答案。在查看已回答的问题之前，请先考虑未解决的问题。但是，如果您确实有需要补充的内容，请考虑首先彻底阅读其他答案。

– PajLe
7月8日下午2:33

#21 楼

如果有人需要保留提取数字中的点：

var some = '65,87 EUR';
var number = some.replace(",",".").replace(/[^0-9&.]/g,'');
console.log(number); // returns 65.87

#22 楼

changeStrangeDate(dateString: string) {
var sum = 0;
var numbers = dateString.match(/\d+/g);
if (numbers.length > 1) {
  numbers.forEach(element => {
    sum += parseInt(element);
  }
  );
}
console.log(new Date(sum).toDateString());
return new Date(sum).toUTCString();

}

可以这样做，然后在需要的地方使用参数调用函数。

this.changeStrangeDate('/Date(1551401820000-0100)/');

编程黑洞网