javascript – JS – 使用正则表达式获取字符串替换的原始值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – JS – 使用正则表达式获取字符串替换的原始值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1334字，纯文字阅读大概需要2分钟。

内容图文

我们有一个字符串：

var dynamicString = "This isn't so dynamic, but it will be in real life.";

某些输入中的用户类型：

var userInput = "REAL";

我希望匹配此输入,并用跨度包装以突出显示它：

var result = " ... but it will be in <span class='highlight'>real</span> life.";

所以我使用一些RegExp魔术来做到这一点：

// Escapes user input,
var searchString = userInput.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");

// Now we make a regex that matches *all* instances 
// and (most important point) is case-insensitive.
var searchRegex = new RegExp(searchString , 'ig');

// Now we highlight the matches on the dynamic string:
dynamicString = dynamicString.replace(reg, '<span class="highlight">' + userInput + '</span>');

这一切都很棒,除非是结果：

console.log(dynamicString);
// -> " ... but it will be in <span class='highlight'>REAL</span> life.";

我用用户的输入替换了内容,这意味着文本现在得到用户的不区分大小写.

如何使用上面显示的范围包装所有匹配,同时保持匹配的原始值？

想通了,理想的结果是：

// user inputs 'REAL',

// We get:
console.log(dynamicString);
// -> " ... but it will be in <span class='highlight'>real</span> life.";

解决方法:

您将使用正则表达式捕获组和反向引用来捕获匹配并将其插入字符串中

var searchRegex = new RegExp('('+userInput+')' , 'ig');
dynamicString = dynamicString.replace(searchRegex, '<span class="highlight">$1</span>');

FIDDLE

内容总结

以上是互联网集市为您收集整理的javascript – JS – 使用正则表达式获取字符串替换的原始值全部内容，希望文章能够帮你解决javascript – JS – 使用正则表达式获取字符串替换的原始值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端