簡體   English   中英

如何從 JavaScript 中的字符串中提取數字?

[英]How can I extract a number from a string in JavaScript?

我在 JavaScript 中有一個字符串(例如#box2 ),我只想要其中的2

我試過:

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

它仍然在警報中返回#box2 ,我怎樣才能讓它工作?

它需要適應最后附加的任何長度數字。

對於這個具體的例子,

 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>

您應該嘗試以下操作:

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

結果

1234561613213213

我認為這個正則表達式可以滿足您的目的:

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

其中txt是您的字符串。

它基本上撕掉任何不是數字的東西。

我認為您也可以通過使用它來實現同樣的目的:

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

嘗試以下操作: 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, ''));

使用匹配 function。

 var thenum = "0a1bbb2".match(/\d+$/)[0]; console.log(thenum);

這是一個使用貨幣和格式提取價格的片段:

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

使用此代碼嘗試了上面引用的所有組合並使其正常工作,是唯一適用於該字符串的組合 -> (12) 3456-7890

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

結果: "1234567890"

Obs:我知道這樣的字符串不會出現在 attr 上,但無論如何,解決方案更好,因為它更完整。

你可以使用很棒的 parseInt 方法

它會將前導數字轉換為數字

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

您可以使用正則表達式從字符串中提取數字:

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

output:25933473

將其包裹成香草 javascript function:

function onlyNumbers(text){
    return text.replace(/\D/g, "");
}

對於像#box2這樣的字符串,這應該有效:

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

js小提琴:

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

你可以像這樣做一個 function

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

記住:如果數字前面有一個零,則 int 不會有它

如果您想解析價格為 6,694.20 美元的數字。
可以這樣做:

parseFloat('$6,694.20'.replace( /^\D|,+/g, ''))

或通過 function:

function parsePrice(value) {
  return parseFloat(value.replace( /^\D|,+/g, ''))
}
parsePrice('$6,694.20') // 6694.2

您可以使用正則表達式。

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

這將提醒 2。

let str = "Total Work Duration: 189.56 Hrs.Present: 23.5 Absent: 2";
/* The provided regex globally matches the character "." and a digit from the string */
let numArr = str.match(/[\d\.]+/g)
/* It returns an array [189.56, ., 23.5, 2], and uses the filter function to remove the '.' */
numArr = numArr.filter(n => n != '.')
console.log(numArr)

如果有人需要在提取的數字中保留點:

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

要從字符串中返回一個 int,您可以執行以下代碼。 它刪除所有非數字字符並返回 integer。

Number("strin[g]3".replace(/\D+/g, ""))

您可以使用下划線字符串庫如下

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

}

使用Regular Expressions ,如何從字符串中獲取數字,例如:

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

這是一個 solt。 檢查沒有數據

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

使用此單行代碼獲取字符串中的第一個數字而不會出錯:

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

請檢查下面的javaScripts,那里你只能得到數字

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

output: 1234567789

這個答案將涵蓋大部分場景。 當用戶嘗試復制粘貼電話號碼時,我可以遇到這種情況

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

解釋:

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

str.match(/\d+/g)

它將給出一個字符串數組 output >> ["34", "56766"]

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

join 會將數組數據轉換並連接成單個字符串

output >> "3456766"

在我的示例中,我需要 output 作為 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'))
  });

您需要添加“(/\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]);

沒有正則表達式編寫

 // Without Regex function extractNumber(string) { let numArray = string.split('').map(item => { if (typeof +item === 'number' &&.isNaN(+item)) return +item }) return +numArray.join('') } extractNumber('@1200milion$') // 1200

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

}

您可以這樣做,然后在需要的地方使用參數調用 function。

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

使用常規 exp 從字符串中查找所有數字

在此處輸入圖片說明

在我的一個項目中,我必須從字符串中獲取評級值,這就是我使用的:

 let text = '#xbox2'
  let num = text.trim().
  split('').
  map(num => Number(num)).
  filter(x => Number.isInteger(x)

)

Одногоразутамаданавесіллівирішиврозважитигостей,івстановивправило:яктількиприходитьновийгість,коженп'єпооднійпорціївипивки!

Давай допоможемо тамаді порахувати, скільки порцій випивки потрібно приготувати, і нкапиушемо Вона приймає ціле число numberOfGuests і повертає необхідну кількість порцій випивки, щоб вистачилоусть

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM