尽管有分隔符参数，Javascript 连接仍用逗号输出字符串

Question

我有一个相当奇怪的问题。我有一个字符串格式的 html 代码数组，我想将它们连接在一起并插入到页面上的现有元素中。

该数组看起来像这样：

var sample_array = ['<div class="cld-event"><div class="cld-time">12:00</div><div class="cld-description">Some blabla</div></div>', '<div class="cld-event"><div class="cld-time">15:00</div><div class="cld-description">Some blabla</div></div>', ...];

当连接和插入数组时，例如：

$(myelement).html(sample_array.join(''));

奇怪的是，我得到了用逗号分隔的各个 html 元素，这当然是我不想要的。

仅在控制台中记录数组连接也会返回以逗号分隔的元素。我已经尝试将''join 方法中的参数替换为其他字符串，例如'+'，但它也没有帮助，它总是显示逗号。

我对整个代码进行了检查，没有发现任何错误。大家有遇到过这样的事情吗？我确信我在这里犯了一些非常明显且非常愚蠢的错误，但我就是无法弄清楚。

Answer 1

您确定没有以某种方式包含逗号吗？例如添加一组额外的引号，以便您只有数组的一个元素？

因为这样做的唯一原因是实际上您正在连接一个只有一个元素的数组（因此不执行任何连接，因此 join('+') 被忽略）

有什么价值sample_array.length？

你确定你的数组不是（注意开头的引号）

["'<div class="cld-event"><div class="cld-time">12:00</div><div class="cld-description">Some blabla</div></div>', '<div class="cld-event"><div class="cld-time">15:00</div><div class="cld-description">Some blabla</div></div>', ..."];