使用正则表达式替换innerHTML文本时的性能问题
使用正则表达式替换innerHTML文本时的性能问题
提问于 2019-07-04 07:33:54
在使用正则表达式调用替换innerHTML文本的方法时，我面临着性能问题：
function getReplacedText(textToReplace) {
return textToReplace.replace(/\<img src=[\"|\']([\S\s]+\\)*([\S\s]+).png[\"|\']\/\>/i,"*$2*");
}此替换背后的目标是在键控处理函数中检索contentEditable div的innerHTML，并将每个img标记替换为文件的名称。在我的例子中，为了知道被替换的文本是否超过了可编辑div允许的最大长度，这种替换是必要的。
function keyupHandler(event) {
var myEditableDiv = document.getElementById("editableDiv");
const currentText = getReplacedText(myEditableDiv.innerHTML);
if (currentText.length >= 750) { //750 is the max length
event.preventDefault();
}
}例如，abc <img src="assets\test\1F619.png"> def需要的输出为abc *1F619* def
当我不使用getReplacedText时，我没有任何性能问题。你能建议我一个更好的方法或更好地使用正则表达式吗？
以下是性能开始下降时要替换的文本的示例：
dsd<img src="assets\test\1F619.png"/><img src="assets\test\1F619.png"/><img src="assets\test\1F629.png"/><img src="assets\test\1F630.png"/>sdfsdfsdffsdf<img src="assets\test\1F629.png"/>sdfsdsdfsdf<img src="assets\test\1F627.png"/><img src="assets\test\1F631.png"/>sdfsdfsdf<img src="assets\test\1F631.png"/>sdfsdfsdf<img src="assets\test\1F632.png"/>sdfsdfs<img src="assets\test\1F629.png"/><img src="assets\test\1F629.png"/>sdfs<img src="assets\test\1F631.png"/>df<img src="assets\test\1F632.png"/>sdfsdfsdfStack Overflow用户
发布于 2019-07-04 07:57:01
我的猜测是，也许s模式上的这个简单表达式可能会简单地完成这里的工作：
<img src=["']\s*(\S+.png)\s*["']\s*>或者如果我们没有捕捉到图像，
<img src=["']\s*\S+.png\s*["']\s*>就足够了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56879058
复制相关文章
相似问题
腾讯云开发者
