代码之家 › 专栏 › 技术社区 › TheTechy

javascript正则表达式在表达式中插入新元素

regex javascript

TheTechy · 技术社区 · 8 年前

//** Incoming url's
//** url e.g.   api/223344
//**            api/11aa/page/2017

//** Need to match to the following
//** dir/api/12ab/page/1999
//** Hence the need to add dir at the front

var url = req.url;
//** pass in: /^\/api\/([a-zA-Z0-9-_~ %]+)(?:\/page\/([a-zA-Z0-9-_~ %]+))?$/
var re = myregex.toString();
//** Insert dir into regex: /^dir\/api\/([a-zA-Z0-9-_~ %]+)(?:\/page\/([a-zA-Z0-9-_~ %]+))?$/
var regVar = re.substr(0, 2) + 'dir' + re.substr(2);

var matchedData = url.match(regVar);
matchedData === null ? console.log('NO') : console.log('Yay');

谢谢

2 回复 | 直到 8 年前

Attila 8 年前

我们来分解你的正则表达式

^\/api\/ 这与字符串的开头匹配,并且看起来与字符串“/api”完全匹配

([a-zA-Z0-9-_~ %]+) + 指示捕获1个或多个,例如,本节将匹配 abAB25-_ %

(?:\/page\/([a-zA-Z0-9-_~ %]+)) 这也将多个令牌分组在一起,但不会像上面那样创建一个捕获组(即 ?:

?$ 在最后 ? 表示捕获0个或多个前向组,以及 $

此正则表达式将匹配此字符串,例如: /api/abAB25-_ %/page/abAB25-_ %

但是,您可以利用捕获组的优势,使用类似的方法来获得类似的结果: ^\/api\/([a-zA-Z0-9-_~ %]+)\/page\/\1?$ \1 引用第一个捕获组并完全匹配其匹配的令牌。编辑:实际上,这可能不起作用,因为/api/之后的文本和/page/之后的文本很可能会不同,继续。。。

之后,您将在搜索开始处添加“dir”,因此现在可以匹配以下内容: dir/api/abAB25-_ %/page/abAB25-_ %

您现在还将正则表达式转换为字符串,就像他们在评论中指出的那样,这将打破您预期的功能性。您可以使用 .source var matchedData = url.match(regVar.source); https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/source

现在可以正确匹配如下字符串: dir/api/11aa/page/2017 请参见此示例: https://repl.it/Mj8h

Michael Beeson 8 年前

url.match(new RegExp(regVar, "i"));

将字符串转换为正则表达式。“i”表示忽略情况;不知道这就是你想要的。在此处了解更多信息:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前