javascript - 在 JavaScript 中将长正则表达式分成几行

Question

我想将以下正则表达式分成几行代码。

document.body.innerHTML = document.body.innerHTML.replace(/Aarau|Aargau| <break here> more|words|follow|here/g, function(m) {
  return '<span style="background-color:lightblue">'+m+'</span>';
});

Answer 1

这是打破界限的简单方法:

document.body.innerHTML = document.body.innerHTML.replace(
    /Aarau|Aargau|more|words|follow|here/g,
    function (m) {
      return '<span style="background-color:lightblue">'+m+'</span>';
    }
);

如果您有一个非常长的正则表达式，请将其写为字符串并编译它:

var longRegex = new RegExp('Aarau|Aargau|aardvark|aardwolf|' +
    'aargh|more|stuff|earth|worm|earthworm|geese|moose|mice|' +
    'yet|more|and|more|et|cetera|and|so|on', 'g');

document.body.innerHTML = document.body.innerHTML.replace(longRegex,
    function (m) {
      return '<span style="background-color:lightblue">'+m+'</span>';
    }
);

另一种可能性是将各个单词写入数组中，然后在编译正则表达式时使用 | 将它们连接起来。如果您已经存储了单词数组，这尤其方便。

var words = ['Aarau', 'Aargau', 'aardvark', 'aardwolf', 'aargh',
    'more', 'stuff', 'earth', 'worm', 'earthworm', 'geese', 'moose', 'mice',
    'yet', 'more', 'and', 'more', 'et', 'cetera', 'and', 'so', 'on'];

var wordRegex = new RegExp(words.join('|'), 'g');
document.body.innerHTML = document.body.innerHTML.replace(wordRegex,
    function (m) {
      return '<span style="background-color:lightblue">'+m+'</span>';
    }
);

There is an aardwolf eating earth containing worms in Aargau.