数组映射后出现在html中的逗号

Question

我已经制作了一个数组的映射，它采用它的值来显示相应的图像。 一切正常，除了这些行之间出现了一些逗号。

我尝试将数组转换为字符串并删除逗号，但由于我无法真正理解的原因，映射停止工作。

现在映射如下：

  const images = imgArr.map(n => `<p><img src="img/test/${n}.png" style="width: 100px; min-width: 500px; image-rendering: crisp-edges;" /> </p>`)
  var h = document.getElementById("myH2");
  h.insertAdjacentHTML("afterend", images);

知道我该怎么做吗？

Answer 1

对数组使用.join('') 方法，将其转换为不带逗号的字符串

...  
h.insertAdjacentHTML("afterend", images.join(''));