Извлечь («получить») число из строки


355

У меня есть строка в 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);
Вивек Шукла

1
этот код прекрасно работает для меня, но в одном случае у меня есть строка «2.5 / mile», и я хочу извлечь 2.5 из этого. Выше код дает мне 25 вместо 2,5
Биджай Сингх

Ответы:


578

Для этого конкретного примера

 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.
Шиплу Мокаддим

2
@ shiplu.mokadd.im: Я не вижу ссылки на #box2_col3этот вопрос.
Георг

1
Да, нет ссылки #box2_col3. Но посмотрите на регулярное выражение OP used ( \w)(.+$)), которое ясно указывает на наличие других символов после числа.
Шиплу Мокаддим

3
в этом случае ваш шаблон также терпит неудачу, если есть число до конца.
Шиплу Мокаддим

2
Вы могли бы replaceработать с ведущими числами, используя:, theString.replace(/^.*\D+/g, '');но решение shiplu.mokadd.im лучше.
LandonSchropp

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

91

Я думаю, что это регулярное выражение будет служить вашей цели:

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

Где txtтвоя строка

Это в основном срывает все, что не является цифрой.

Я думаю, что вы можете достичь того же, используя это:

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

1
/[^0-9]/g+1 для читабельности. Также используется с большинством ответов здесь: stackoverflow.com/q/1862130/1066234
Кай Ноак

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
Это лучше, чем принятый ответ, поскольку он заменяет все не числа глобально, и, кстати, /[^0-9]/gможет быть заменен на /[^\d]/g.
CPHPython

52

Используя функцию соответствия.

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

jsfiddle


1
Также вы можете добавить унарный '+', чтобы сделать его целым числом var thenum = + thestring.match (/ \ d + $ /) [0];
Сергей Онищенко

Я думаю, это не работает для> 1-значных чисел? (Я понимаю, что вопрос был для 1-значных чисел, но я смотрю на возможные числа> 10.)
Феликс

@nissemand Не угадай . Попробуй себя. Даже ты не видел скрипку.
Шиплу Мокаддим

Люблю это. Самый простой способ извлечь число в переменную без прикосновения или изменения элемента. Я был бы признателен комбо с каждым для нескольких совпадений внутри строки. т.е. строка 12a55 сообщит о последнем числе, а не обо всех.
m3nda

1
@YevgeniyAfanasyev это не должно. Проверьте оригинальный вопрос. Особенно последняя строка. Номер должен быть в конце.
Шиплу Мокаддим

33

Опробовал все комбинации, приведенные выше с этим Кодексом, и он заработал, была единственная, которая работала над этой строкой ->(12) 3456-7890

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

Результат: "1234567890"

Obs: я знаю, что такая строка не будет на attr, но что угодно, решение лучше, потому что оно более полное.


думаю лучше будет str.match(/\d+/g).map(Number)он вернет массив
Артем Бернацкий

33

И это фрагмент, который извлекает цены с валютой и форматированием:

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

13

Вы можете использовать отличный метод parseInt

он преобразует первые цифры в число

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

18
это работает только тогда, когда число находится в начале строки
Russj

2
его возвращение NaN
Ахмед Сайед


4

Вы можете использовать регулярное выражение.

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

Это предупредит 2.


4
-1 несколько цифр не будут
записаны

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 - replaceAll не существует в стандартном javascript. Только некоторые библиотеки, такие как jQuery, имеют такой метод. В будущем вы должны уточнить.
Леви Робертс

3

Вы можете использовать Underscore String Library следующим образом

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

пожалуйста, проверьте ниже javaScripts, там вы можете получить только номер

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

вывод : 1234567789


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

Объявление объяснение. Например, почему вы используете именно это регулярное выражение.
менталлург

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("")

объединение преобразует и объединяет эти данные массива в одну строку

вывод >> "3456766"

В моем примере мне нужен вывод как 209-356-6788, поэтому я использовал заменить

  $('#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)/');

0

Вы можете сделать такую ​​функцию

function justNumbers(string) 
    {
        var numsStr = string.replace(/[^0-9]/g,'');
        return parseInt(numsStr);
    }
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.