Javascript - 如何替换页面内容中的单词

Question

所以我有一个大约 1,000 个单词的列表，如果它们出现在页面上，它们会被替换为某些内容。我尝试用正则表达式来做，所以对于千字中的每一个，我都会像这样替换内容：

    var pattern = new RegExp("(.*?)([^A-Za-z_/\-]+)("+title+")([^A-Za-z_\./\-]+)(.*?)","ig");

    content = content.replace( pattern, function replacer(contents,start,before,value,after,end) {

    var key = value.toLowerCase();

但是这种方法确实很慢。另一种方法是将页面内容拆分为单词，然后检查是否有任何部分等于任何关键字。问题是我有一千个关键字，所以在一个有 10,000 个单词的页面上，我必须遍历 10,000 X 1,000 个可能会使浏览器崩溃的项目。

有没有人知道在页面上替换单词的好方法？

Answer 1

这很慢，因为对于每个单词，您都在再次测试整个内容。最好为任何单词创建一个正则表达式，然后在哈希中查找：

// Make your "dictionary" first:
var replacements = {
    "replace": "R",
    "this": "T",
    "etc": "..."
};

var content = "Should replace this with letters.";

var output = content.replace(/\w+/g, function replacer(word) {
    return replacements[word.toLowerCase()] || word;
});

console.log(output);

输出是：

Should R T with letters.