Wyodrębnij („pobierz”) liczbę z ciągu


353

Mam ciąg w javascript, taki jak `# box2 'i po prostu chcę od niego„ 2 ”.

Wypróbowany:

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

Nadal zwraca ostrzeżenie # box2, jak mogę go uruchomić?

Musi pomieścić dowolną liczbę długości dołączoną na końcu.


1
możesz po prostu tak zrobić. będzie działać dobrze. var thestring = $ (this) .attr ('href'); var thenum = parsefloat (thestring); alert (thenum);
Vivek Shukla

1
ten kod działa dla mnie dobrze, ale w jednym przypadku mam ciąg „2,5 / milę” i chcę z niego wydobyć 2,5.
Powyższy

Odpowiedzi:


577

W tym konkretnym przykładzie

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

w ogólnym przypadku:

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

Ponieważ z jakiegoś powodu ta odpowiedź zyskała popularność, oto bonus: generator wyrażeń regularnych.

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, '')powinienem pokazać 2, a nie 2_col3.
Shiplu Mokaddim

2
@ shiplu.mokadd.im: Nie widzę żadnego odniesienia do #box2_col3pytania.
Georg

1
Tak, nie ma odniesienia do #box2_col3. Ale zobacz wyrażenia regularne używane ( \w)(.+$)), które wyraźnie wskazują, że po numerze są inne znaki.
Shiplu Mokaddim

3
w takim przypadku wzór również zawiedzie, jeśli przed końcem jest liczba.
Shiplu Mokaddim

2
Możesz replacepracować z wiodącymi liczbami, używając theString.replace(/^.*\D+/g, '');:, ale rozwiązanie shiplu.mokadd.im jest lepsze.
LandonSchropp

225

Powinieneś spróbować następujących rzeczy:

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

wynik

1234561613213213

1
fajna odpowiedź, ale co jeśli chcę osobno zestaw liczb. tj. 1234, 5616133 ...
Amar Singh

Lub parseInt(txt.match(/\d/g).join(''), 10)
jednowierszowy

" $ 20.0 ".match(/\d/g).join('') => „200” (tylko mówię)
vsync,

90

Myślę, że to wyrażenie regularne spełni twoje zadanie:

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

Gdzie txtjest twój sznurek?

Zasadniczo zrywa wszystko, co nie jest cyfrą.

Myślę, że możesz osiągnąć to samo, używając tego również:

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

1
/[^0-9]/g+1 za czytelność. Używane również z większością odpowiedzi tutaj: stackoverflow.com/q/1862130/1066234
Kai Noack

58

Spróbuj wykonać następujące czynności: string.replace(/[^0-9]/g, '');Spowoduje to usunięcie wszystkich znaków innych niż cyfry, pozostawiając tylko cyfry w ciągu

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
Jest to lepsze niż zaakceptowana odpowiedź, ponieważ zastępuje wszystkie cyfry inne niż globalne, a btw /[^0-9]/gmożna zastąpić /[^\d]/g.
CPHPython

52

Korzystanie z funkcji dopasowania.

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

jsfiddle


1
Możesz także dodać jednoargumentowe „+”, aby było to liczba całkowita var thenum = + thestring.match (/ \ d + $ /) [0];
Sergey Onishchenko

Wydaje mi się, że to nie działa dla> 1 cyfr. (Rozumiem, że pytanie dotyczyło liczb jednocyfrowych, ale szukam możliwych liczb> 10)
Felix

@nissemand Nie zgaduj . Spróbuj sam Nawet ty nie widziałeś skrzypce.
Shiplu Mokaddim

Kocham to. Najprostszy sposób na wyodrębnienie liczby do zmiennej bez dotykania lub modyfikowania elementu. Byłbym wdzięczny za połączenie z każdym z nich dla wielu zbieżności w łańcuchu. tzn. ciąg 12a55 podaje ostatni numer, nie wszystkie.
m3nda

1
@YevgeniyAfanasyev nie powinno. Sprawdź oryginalne pytanie. Zwłaszcza ostatnia linia. Numer powinien znajdować się na końcu.
Shiplu Mokaddim

33

Wypróbowałem wszystkie kombinacje cytowane powyżej z tym kodem i sprawiłem, że działał, jako jedyny działał na tym ciągu ->(12) 3456-7890

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

Wynik: "1234567890"

Obs: Wiem, że taki ciąg nie będzie na attr, ale cokolwiek, rozwiązanie jest lepsze, ponieważ jest bardziej kompletne.


myślę, że lepiej, str.match(/\d+/g).map(Number)że zwróci tablicę
Artem Bernatskyi

33

A to jest fragment kodu, który wyodrębnia ceny z walutą i formatowaniem:

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

13

możesz użyć świetnej metody analizy

przekonwertuje cyfry wiodące na liczbę

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

18
działa to tylko wtedy, gdy liczba jest na początku łańcucha
Russj

2
powraca NaN
Ahmed Syed


4

Możesz użyć wyrażenia regularnego.

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

Zaalarmuje to 2.


4
-1 wiele cyfr nie zostanie przechwyconych i dla użycia tablicy w stanie gotowości
Shiplu Mokaddim

4

W wyrażeniach regularnych , jak uzyskać liczby z ciągu znaków, na przykład:

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

wynikiem myStringjest „ 24

przykład tego działającego kodu można zobaczyć tutaj: http://ideone.com/iOCf5G


5
java! == javascript - replaceAll nie istnieje w standardowym javascript. Tylko niektóre biblioteki, takie jak jQuery, mają tę metodę. W przyszłości powinieneś to wyjaśnić.
Levi Roberts,

3

Możesz użyć Underscore String Library w następujący sposób

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

_(href).strRight(common)

wynikiem będzie: 1

Patrz: https://github.com/epeli/underscore.string

DEMO:
http://jsfiddle.net/abdennour/Vyqtt/
Kod 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>

Kod JS:

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

jeśli masz przyrostek w następujący sposób:

href="box1az" 

Możesz użyć następnej wersji demo:

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

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

}

3

Oto solt. to sprawdza brak danych

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

Użyj tego kodu jednowierszowego, aby uzyskać pierwszą liczbę w ciągu bez popełniania błędów:

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

2

proszę sprawdzić poniżej JavaScript, tam można uzyskać tylko numer

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

wynik : 1234567789


2

Możesz wyodrębnić liczby z łańcucha przy użyciu wyrażenia regularnego:

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

wyjście: 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

Podaj wyjaśnienie. Np. Dlaczego używasz mianowicie tego wyrażenia regularnego.
mentallurg

1

Ta odpowiedź obejmie większość scenariusza. Mogę przezwyciężyć tę sytuację, gdy użytkownik próbuje skopiować i wkleić numer telefonu

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

Wyjaśnienie:

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

str.match(/\d+/g)

Daje tablicę ciągów jako dane wyjściowe >> [„34”, „56766”]

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

join przekształci i połączy te dane tablicy w pojedynczy ciąg

wyjście >> „3456766”

W moim przykładzie potrzebuję wyjścia jako 209-356-6788, więc użyłem metody 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();

}

Możesz to zrobić w ten sposób, a następnie wywołać funkcję tam, gdzie potrzebujesz, z parametrem.

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

0

Możesz wykonać taką funkcję

function justNumbers(string) 
    {
        var numsStr = string.replace(/[^0-9]/g,'');
        return parseInt(numsStr);
    }
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.