如何使JavaScript中的替换()全局化

Question

我知道这个问题被问了很多次，但我找不到解决办法。我有一些笑脸，每个笑脸都有代码要用替换()表示为笑脸，但是语法错误，我不知道为什么，也不知道如何将代码:/呈现为笑脸。

txt = " Hi :/ ";
txt.replace("/\:/\/g","<img src='img/smiley.gif'>");

Answer 1

replace()的第一个参数有两个问题，它转义错误的字符，它使用的字符串似乎包含一个regex，而不是真正的RegExp。

第二行应为：

txt.replace(/:\//g,"<img src='img/smiley.gif'>");

/:\//g是regex。第一个和最后一个/是RegExp分隔符，g是“全局”RegExp选项(String.replace()需要RegExp而不是字符串来执行全局替换)。

regex的内容是:/ (您想要找到的字符串)，但是由于/在RegExp中有一个特殊的含义(参见上文)，所以需要转义，然后变成:\/。

Answer 2

您的正则表达式不需要在引号中。您应该转义正确的/正斜杠(您正在转义错误的斜杠)并分配替换，因为.replace不修改原始字符串。

txt = " Hi :/ ";
txt = txt.replace(/:\//g,"<img src='img/smiley.gif'>");

基于约纳塔贾诺的精辟推论，我认为您应该在正则表达式中添加更多内容，以避免像干扰URL这样的灾难。

txt = txt.replace(/:\/(?!/)/g,"<img src='img/smiley.gif'>");

上面的内容确保了://是，而不是通过执行负前瞻来匹配。