有没有办法避免这段代码中的嵌套循环？

大佬教程收集整理的这篇文章主要介绍了有没有办法避免这段代码中的嵌套循环？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决有没有办法避免这段代码中的嵌套循环？？

我正在构建一个 Chrome 扩展，让用户可以用小图像替换文字。这是我的代码。

lookup=[['text','img.png']...];
var text = document.querySELEctorAll('h1,h2,h3,h4,h5,p,li,td,caption,span,a')

for (let i=0; i< text.length; i++) {
    var height = window.getComputedStyle(text[i]).FontSize
    for (let j=0;j<lookup.length;j++){
        text[i].INNERHTML = text[i].INNERHTMl.replace(new RegExp(lookup[j][0],"gi"),"<img src=\"img/"+lookup[j][1]+"\" wIDth=\""+height+"\" height=\""+height+"\">");
    }
}

由于每次页面中的任何文本更改时都必须运行此代码，因此我担心嵌套循环可能会导致严重的性能下降。 JavaScript 中有什么可以避免的吗？

解决方法

const lookup= { 'text': 'img.png' },elements = document.querySELEctorAll('h1,h2,h3,h4,h5,p,li,td,caption,span,a'),regex = new RegExp(Object.keys(lookup).join("|"),'gi')

elements.forEach(e => {
  const height = window.getComputedStyle(E).fontSize;
  e.innerHTML = e.innerHTMl.replace(regex,m => `<img src="img/${lookup[m]}" width="${height}" />`)
})