javascript - 数组映射后出现在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(''));