字符串后的Javascript正则表达式匹配数字

Question

我有这个字符串

/results?radius=4000&newFilter=true

我需要将radius=4000 替换为radius=n，其中n 是一个变量。

如何使用String.replace() 方法和正则表达式来匹配该部分？

Answer 1

您可以使用/radius=\d+/ 匹配“radius=”后跟任意位数。有了这个，我们可以使用replace() 方法将其替换为所需的值：

var str = "/results?radius=4000&newFilter=true";
var replacement = 123;

var newStr = str.replace(/radius=\d+/, "radius=" + replacement);

console.log(newStr);

Answer 2

应该很简单

var str='/results?radius=4000&newFilter=true';
var n = 1234;

str = str.replace(/(radius=)(\d+)/, "$1" + n);

Answer 3

var url = "/results?radius=4000&newFilter=true"; 
// or window.location.href for current url
var captured = /radius=([^&]+)/.exec(url)[1]; // your 4000
var newValue = 5000;
url = url.replace(captured, newValue);

通过这种方式，您也可以使用它来获取所有请求的参数 而且它不是十进制绑定的

Answer 4

如果你想获取所有参数，你可以试试这个：

function getParams(uri) {

	var params = {},
        tokens,
        re = /[?&]?([^=]+)=([^&]*)/g;
        
    while (tokens = re.exec(uri)) {
        params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
    }
    return params;
}

var str='/results?radius=4000&newFilter=true';

str = str.substring(str.indexOf("?"));
params = getParams(str);

console.log(params);
console.log('radius => ', params['radius']);

这个答案来自这个帖子：How to get the value from the GET parameters?

Answer 5

带有正则表达式的 ES6 使用正向回溯

const string       = '/results?radius=4000&newFilter=true',
      n            = '1234',
      changeRadius = (radius) => string.replace(/(?<=radius=)\d+/, n);

console.log(changeRadius(n));

/* Output console formatting */
.as-console-wrapper { top: 0; }

• changeRadius 是接受一个参数 (radius) 并执行替换的函数。
• 关于正则表达式：\d+ 获取尽可能多的数字，(?<=STRING) 是 positive lookbehind。

其他正则表达式

changeRadius() 函数的主体可以替换为string.replace(/radius=\d+/, 'radius=' + n)。它可能具有更好的性能，但原始正则表达式更直接地翻译了问题。

Answer 6

您可以在不记住匹配项的情况下使用捕获来仅捕获 'radius=' 之后的数值。

var url = "/results?radius=4000&newFilter=true";

var radius = 123;

var newUrl = url.replace(/(?:radius=){1}(\d+)/, radius);

console.log(newUrl); // logs '/results?radius=4000&newFilter=true'0

'