javascript - 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/>'));

Answer 2

使用 for() 循环。

var result[] = this.company.split('^^^');
var out;
for(int i=0,j=result.length; i<j; j++) {
  out += result[i] + '<br />';}
$("#company").html(out);

Answer 3

试试这个。

 var companySplit = this.company.split('^^^');
 var htmlContent="";
   for(int count=0;count<companySplit.length;count++)
   {
      htmlContent=htmlContent+companySplit[count] + '<br />'

   }
   $("#company").html(htmlContent);

Answer 4

var i=0;
$.each(companySplit,function(){

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

});

Answer 5

$.each(company.split('^^^'), function(index, value) { 
  $("#company").append(value+'<br/>');
});​