文字列から数値を抽出(「取得」)


355

`#box2 'のようなJavaScriptの文字列があり、そこから' 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); alert(thenum);
Vivek Shukla 2017

1
このコードは私には問題なく機能しますが、1つのケースでは、文字列「2.5 / mile」があり、これから2.5を抽出します。上記のコードでは、2.5ではなく25が
返されます

回答:


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
Shiplu Mokaddim 2012

2
@ shiplu.mokadd.im:#box2_col3質問への参照がありません。
georg、

1
はい、の参照はありません#box2_col3。ただし\w)(.+$)、番号の後に他の文字があることを明確に示す、使用されている正規表現OP()を参照してください。
Shiplu Mokaddim 2012

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 ...
Amar Singh

またはワンライナー+整数への解析: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
Kai Noack

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に置き換え、btw はに置き換えることができるため/[^\d]/gです。
CPHPython

52

一致機能を使用します。

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

jsfiddle


1
また、単項 '+'を追加して整数にすることもできますvar thenum = + thestring.match(/ \ d + $ /)[0];
Sergey Onishchenko 2014年

これは1桁を超える数字では機能しないと思いますか?(質問が1桁の数字に対するものであったことは理解していますが、可能な数字> 10を検討しています。)
Felix

@nissemand 推測しないでください。自分で試してみてください。あなたもバイオリンを見なかった。
Shiplu Mokaddim 2014年

これが大好き。要素に触れたり変更したりせずに、数値を変数に抽出する最も簡単な方法。文字列内の複数の偶然のためのそれぞれとのコンボをいただければ幸いです。つまり、文字列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 2018年

33

そして、これは通貨とフォーマットで価格を抽出するスニペットです:

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

13

あなたは素晴らしいparseIntメソッドを使うかもしれません

先頭の数字を数値に変換します

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

18
これは、数値が文字列の先頭にある場合にのみ機能します
Russj '21

2
その戻りのNaN
Ahmed Syed


4

正規表現を使用できます。

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

それは警告します2。


4
-1複数の桁はキャプチャされず、アラートで配列を使用するため
Shiplu Mokaddim

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のような一部のライブラリのみがそのメソッドを持っています。将来的には、明確にする必要があります。
Levi Roberts

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

次の1行のコードを使用して、エラーなしで文字列の最初の数値を取得します。

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

説明を広告します。たとえば、なぜこの正規表現を使用するのか。
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)/');

0

このような機能を実行できます

function justNumbers(string) 
    {
        var numsStr = string.replace(/[^0-9]/g,'');
        return parseInt(numsStr);
    }
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.