尽管有分隔符参数，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

我自己也遇到过这个问题。自您问起已经四年了，但也许像我这样的人会谷歌这个答案并节省一些时间。

我正在处理一个字符串，我将它split() 放入一个数组中以修改某些部分，然后将其join() 变回一个字符串。所以基本上，我从

var myNiftyStuff = '我的漂亮东西。';
myNiftyStuff = myNiftyStuff.split('');

这里，myNiftyStuff 以字符串形式开始。 split() 然后把它变成一个数组。

然后我想做的任何 mod 都发生在数组中。当我试图加入我的阵列时，我正在调用

myNiftyStuff.join('');

由于 join() 不是破坏性的，它只是返回自身而不是修改变量。但我没有意识到，我的 linter 不是吠叫，代码中没有任何内容。

然后，我通过 jQuery(不确定 jQ 在这里是否重要)将我的数组传递到页面，这将它呈现为使用逗号连接的字符串，这必须是默认行为。

我应该像这样覆盖我的变量

myNiftyStuff = myNiftyStuff.join('');

现在 myNiftyStuff 更新为 join() 的返回值。当我将它添加到页面时，它是一个连接的字符串，而在我传递数组之前没有意识到我没有保存我的 join() 的结果。