Javascript分割文本然后循环

Question

我有一些文本“lorem ipsum^^^text^^^testtext”，我想将其拆分为新行。我使用 split 将文本分成数组，如下所示:

var companySplit = this.company.split('^^^');

我可以像这样输出:

$("#company").html(companySplit[0] + '<br />' + companySplit[1]);

但是，在某些情况下，可能没有 2 个数组项...例如可能有 3 个或 4 个。无论项目数量如何，如何显示由换行符分隔的数组项目？我尝试过使用循环，但我对它们不熟悉，所以我很难让它工作。

Answer 1

要执行循环，您基本上会编写:

for(var i = 0, l = companySplit.length; i < l; i++) {
   $('#company')
       .append('<br/>')
       .append(companySplit[i]);
}

您可能需要检查 i 的值以避免在第一项之前插入分隔符。

if(i > 0)
   $('#company').append('<br/>');
$('#company').append(companySplit[i]);

但在你的情况下，一个简单的连接就足够了:

$('#company').html(companySplit.join('<br/>'));

或者，就此而言，替换:

$('#company').html(this.company.replace(/\^\^\^/g, '<br/>'));