我有一个JavaScript字符串(例如，#box2)，我只是想从它的2。
我试着:
var thestring = $(this).attr('href');
var thenum = thestring.replace(/(^.+)(\w\d+\w)(.+$)/i, '$2');
alert(thenum);
它仍然在警告中返回#box2。我怎样才能让它工作呢?
它需要适应任何长度的数字附着在末端。
当前回答
你可以使用正则表达式从字符串中提取数字:
let string = "xxfdx25y93.34xxd73";
let res = string.replace(/\D/g, "");
console.log(res);
输出:25933473
将它包装成一个普通的JavaScript函数:
function onlyNumbers(text){
return text.replace(/\D/g, "");
}
其他回答
如果你想从价格(如$6,694.20)中解析一个数字，可以这样做:
parseFloat('$6,694.20'.replace(/^\D|,+/g, ''))
或者通过函数:
function parsePrice(value) {
return parseFloat(value.replace(/^\D|,+/g, ''))
}
parsePrice('$6,694.20') // 6694.2
对于这个具体的例子，
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>
你可以使用parseInt()方法。
它将把前导数字转换为一个数字:
parseInt("-10px");
// Will give you -10
函数只是数字（字符串） { var numsStr = string.replace（/[^0-9]/g， ''）; 返回 parseInt（numsStr）; } console.log（justNumbers（'abcdefg12hijklmnop'））;
你可以做一个这样的函数
function justNumbers(string)
{
var numsStr = string.replace(/[^0-9]/g, '');
return parseInt(numsStr);
}
记住:如果数字前面有一个0,int就不会有它
你可以像下面这样使用Underscore.js的字符串库:
var common = "#box"
var href = "#box1"
_(href).strRight(common)
结果将是:1
看: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>
JavaScript代码:
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);
}
