如何添加一個span標簽來包裝不在正則表達式中的其他字符串？

Question

如何添加一個span標簽來包裝不在正則表達式中的其他字符串？

// This is english & some <span>中文</span> character <span>字元</span>.

var str = 'This is english & some 中文 character 字元.'

var pattern = new RegExp(/[a-zA-Z0-9 _^!-~-]/);
console.log( pattern.test(str));

Answer 1

var str = "This is english & some 中文 character 字元.";
var regex = /([^a-zA-Z0-9 _^!-~-]+)/g;
console.log(str.replace(regex, '<span>$1</span>'));
// This is english & some <span>中文</span> character <span>字元</span>.

我將您的正則表達式用於以下更改：

• 通過添加()添加捕獲組，以便可以捕獲匹配項
• 然后使用捕獲的組替換$1
• 為全局添加了g標志，這意味着必須替換所有匹配項，而不僅僅是第一個匹配項。

您可能對這里討論的正則表達式感興趣。