用于从 url 解析参数的正则表达式

Question

我是一个正则表达式的菜鸟，虽然我很努力，但我无法创建正确的正则表达式来执行以下操作：

1. 获取 url 并检查它是否有一个 '?' 后跟具有不同位数的数字。
2. 如果匹配正确，获取'?'符号后面的数字
3. 将此号码与其他号码交换。

假设我们有这个网址：

http://website.com/avatars/avatar.png?56

我们将'56'改为'57'。

我有以下用于搜索的正则表达式，我不确定它是否正确：

\?[0-9]+

但我不知道如何带走?。我应该把它从字符串中扔掉而忘记在这里使用正则表达式吗？那么就只剩下替换部分了。

Answer 1

试试这个：

var url = "http://website.com/avatars/avatar.png?56"; 
var match = url.match(/\?(\d+)/); 
if(match != null) {
   url = url.replace(match[1], "new number");
} 

Answer 2

您的原始正则表达式可以正常工作，只需添加回您要取出的?，如下所示：

var newnum = 57;
url = url.replace(/\?[0-9]+/, '?'+ newnum);

Answer 3

我不是正则表达式专家，但我认为您可以使用 lookaround 忽略“？”

(?<=?)([0-9]+)

应该在第一场比赛中给你你的号码

Answer 4

非常降低方法：

$('#parse').click(function(e){
    var fromUrl = $('#from-url').val();
    var newNum = parseInt($('#new-number').val(), 10);

    var urlRE = /(?!\?)(\d+)$/;
    if (urlRE.test(fromUrl)){
        $('#result').text(fromUrl.replace(urlRE, newNum));
    }else{
        $('#result').text('Invalid URL');
    }
});

DEMO

没有过多的校验和、错误检查等。从这里开始，如有必要，请使用window.location 或包含 URL 的字符串。

---

分解成一个函数（demo）：

// Call this to replace the last digits with a new number within a url.
function replaceNumber(url, newNumber){
    // regex to find (and replace) the numbers at the end.
    var urlRE = /\?\d+$/;

    // make sure the url end in a question mark (?) and
    // any number of digits
    if (urlRE.test(url)){
        // replace the ?<number> with ?<newNumber>
        return url.replace(urlRE, '?'+newNumber);
    }

    // invalid URL (per regex) just return same result
    return url;
}

alert(replaceNumber('http://website.com/avatars/avatar.png?56', 57));

Answer 5

你可以在没有正则表达式的情况下做到这一点。

var newNum = "57";
var url = "http://website.com/avatars/avatar.png?56";
var sUrl = url.split('?');
var rUrl = sUrl[0] + "?" + newNum;
alert(rUrl);

1. 在?处拆分URL
2. 这会返回一个数组。
3. 将数组中的第一项、? 和新数字重新加在一起。

http://jsfiddle.net/jasongennaro/7dMur/