我有HTML代码之前和之后的字符串:
name="some_text_0_some_text"
我想用像这样的东西替换0:!NEW_ID!
所以我做了一个简单的正则表达式:
.*name="\w+(\d+)\w+".*
但是我不知道如何专门替换捕获的块。
是否有一种方法替换捕获的结果,如($1)与其他字符串?
结果将是:
name="some_text_!NEW_ID!_some_text"
我有HTML代码之前和之后的字符串:
name="some_text_0_some_text"
我想用像这样的东西替换0:!NEW_ID!
所以我做了一个简单的正则表达式:
.*name="\w+(\d+)\w+".*
但是我不知道如何专门替换捕获的块。
是否有一种方法替换捕获的结果,如($1)与其他字符串?
结果将是:
name="some_text_!NEW_ID!_some_text"
当前回答
一个解决方案是为前面和下面的文本添加捕获:
str.replace(/(.*name="\w+)(\d+)(\w+".*)/, "$1!NEW_ID!$3")
解释
括号用于创建“组”,然后分配一个以1为基数的索引,可以用$进行替换。
第一个单词(\w+)在一个组中,变成$1 中间部分(\d+)是第二组(但在replace中被忽略) 第三组(\w+".*)变成$3
所以当你给替换字符串"$1!new_ID! "$3"时,$1和$3会自动被第一组和第三组替换,允许第二组被新字符串替换,并保留它周围的文本。
其他回答
如果有两个捕获组也是可能的;我还会包括两个破折号,作为额外的左右边界,在数字之前和之后,修改后的表达式将看起来像:
(.*name=".+_)\d+(_[^"]+".*)
Const regex = /(.*name=".+_ ")\d+(_[^"]+".*)/g; Const STR = ' some_data_before name="some_text_0_some_text" and some_data after '; const subst = ' $1!NEW_ID!$2 '; Const result = str.replace(regex, subst); console.log(结果);
如果你想探索/简化/修改这个表达式,它已经被 在右上方的面板上有解释 regex101.com。如果你愿意,你可以 还能在这看吗 链接,如何匹配 对照一些样本输入。
RegEx电路
jex。Im可视化正则表达式:
对马太的答案稍加改进,可以是一个前瞻,而不是最后一个捕捉组:
.replace(/(\w+)(\d+)(?=\w+)/, "$1!NEW_ID!");
或者你可以在小数点上拆分,并像这样与你的新id连接:
.split(/\d+/).join("!NEW_ID!");
示例/基准在这里:https://codepen.io/jogai/full/oyNXBX
一个解决方案是为前面和下面的文本添加捕获:
str.replace(/(.*name="\w+)(\d+)(\w+".*)/, "$1!NEW_ID!$3")
解释
括号用于创建“组”,然后分配一个以1为基数的索引,可以用$进行替换。
第一个单词(\w+)在一个组中,变成$1 中间部分(\d+)是第二组(但在replace中被忽略) 第三组(\w+".*)变成$3
所以当你给替换字符串"$1!new_ID! "$3"时,$1和$3会自动被第一组和第三组替换,允许第二组被新字符串替换,并保留它周围的文本。
"some_text_0_some_text".replace(/(?=\w+)\d+(?=\w+)/, '!NEW_ID!')
结果是
some_text_ NEW_ID !_some_text
(?=\w+)\d+(?=\w+)/; const NEW_ID = '! Const STR = 'some_text_0_some_text'; const result = str.replace(regExp, newID); console.log(结果);
JS RegExp中的x(?=y)
仅当x后面有y时匹配x。例如,/Jack(?=Sprat)/只匹配“Jack”后面跟“Sprat”。 /Jack(?=Sprat|Frost)/只有后面跟“Sprat”或“Frost”时才能匹配“Jack”。然而,“Sprat”和“Frost”都不是比赛结果的一部分。
细节
一个更简单的选择是只捕获数字并替换它们。
Const name = ' beforeing_text_0_following_text '; Const matcher = /(\d+)/; //替换成你想要的任何东西 const newName = name。替换(匹配器,NEW_STUFF); console.log("完全替换",newName); //使用函数对匹配和替换进行操作 //在这种情况下,使用箭头函数增加它 const incrementedName = name。替换(matcher, (match) => ++match); console.log(“增量”,incrementedName);
资源
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace