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

问题描述

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

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

现在的映射如下：

  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);

知道如何进行此操作吗？

解决方法

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

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