从字符串中提取(“获取”)数字


353

我在JavaScript中有一个字符串,例如“#box2”,我只想从中获得“ 2”。

尝试过:

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

它仍然在警报中返回#box2,我该如何使其正常工作?

它需要容纳末尾附加的任何长度的数字。


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

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

Answers:


577

对于此特定示例,

 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>


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

2
@ shiplu.mokadd.im:我#box2_col3在问题中没有看到任何参考。
georg

1
是的,没有参考#box2_col3。但是请参阅所使用的正则表达式OP(\w)(.+$)),它清楚地表明数字后还有其他字符。
Shiplu Mokaddim '04年

3
在这种情况下,如果末尾有数字,您的模式也会失败。
Shiplu Mokaddim 2012年

2
您可以replace使用:来处理前导数字theString.replace(/^.*\D+/g, '');,但是shiplu.mokadd.im的解决方案更好。
LandonSchropp 2012年

225

您应该尝试以下方法:

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

结果

1234561613213213

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

或单行+解析为整数:parseInt(txt.match(/\d/g).join(''), 10)
Lukas Liesis

" $ 20.0 ".match(/\d/g).join('') =>“ 200”(只是说)
vsync


58

请尝试以下操作: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, ''));


2
这比接受的答案要好,因为它确实会全局替换所有非数字,并且btw /[^0-9]/g可以替换为/[^\d]/g
CPHPython

52

使用匹配功能。

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

jsfiddle


1
您也可以添加一元'+'使其成为整数var thenum = + thestring.match(/ \ d + $ /)[0];
谢尔盖·奥尼琴科2014年

我猜这不适用于> 1位数的数字吗?(我知道问题是1位数字,但我正在寻找可能的数字>10。)
Felix

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

喜欢这个。将数字提取到变量中而不接触或修改元素的最简单方法。对于字符串中的多个巧合,我将不胜感激。即字符串12a55报告的是最后一个数字,而不是全部。
m3nda 2015年

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

33

尝试了以上引用的所有组合并使其生效,这是唯一处理该字符串的组合->(12) 3456-7890

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

结果: "1234567890"

Obs:我知道这样的字符串不会出现在attr上,但是无论如何,解决方案都更好,因为它更完整。


我认为更好的方法是str.match(/\d+/g).map(Number)返回数组
Artem Bernatskyi




4

您可以使用正则表达式。

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

这将提醒2。


4
-1个多个数字将不会被捕获,也无法在警报中使用数组
Shiplu Mokaddim'4

4

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

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


5
Java!== javascript-标准JavaScript中不存在replaceAll。只有像jQuery这样的某些库才具有该方法。将来,您应该澄清一下。
李维·罗伯茨

3

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

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

_(href).strRight(common)

结果将是:1

参见:https : //github.com/epeli/underscore.string

演示:
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);

}

3

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

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');
}

2

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

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


2

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

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

输出:25933473


1
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

1

该答案将涵盖大多数情况。当用户尝试复制粘贴电话号码时,我可以解决这种情况

  $('#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})/,'$1-$2-$3'))
  });

0
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)/');

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.