javascript - Javascript 分割テキスト & ループ

Question

新しい行に分割したいテキスト「lorem ipsum^^^text^^^testtext」があります。次のように、テキストを配列に分割するために分割を使用しています。

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

これを次のように出力できます。

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

ただし、特定の状況では、2 つの配列項目が存在しない場合があります...たとえば、3 つまたは 4 つ存在する可能性があります。アイテムの数に関係なく、改行で区切られた配列アイテムを表示するにはどうすればよいですか? ループを使用してみましたが、慣れていないため、うまく機能しませんでした。

Answer 1

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 2

ループを実行するには、基本的に次のように記述します。

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