Javascript split text & then loop

Question

I have some text "lorem ipsum^^^text^^^testtext" that I want to split onto new lines. I'm using split to separate the text into an array like so:

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

and I can output this like so:

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

However, In certain situations, there may not be 2 array items...There could be 3 or 4 for example. How can I display the array items separated by a line break regardless of the amount of items? I've tried using a loop but I'm unfamiliar with them so I had trouble getting it working.

David Hedlund · Accepted Answer · 2012-09-27 10:52:11Z

1

To do a loop, you would basically write:

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

You may want to check the value of i to avoid inserting a break before the first item.

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

But in your case a simple join would be enough:

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

Or, for that matter, a replace:

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

answered Sep 27, 2012 at 10:52

David Hedlund

130k33 gold badges205 silver badges223 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tctc91 Over a year ago

the replace solution is perfect for what I'm trying to achieve. Much simpler, thanks!

L0j1k · Accepted Answer · 2012-09-27 10:53:01Z

1

Use a for() loop.

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

answered Sep 27, 2012 at 10:53

L0j1k

12.7k7 gold badges58 silver badges65 bronze badges

Comments

G . R · Accepted Answer · 2012-09-27 10:53:11Z

0

Try this.

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

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

answered Sep 27, 2012 at 10:53

G . R

5411 gold badge6 silver badges12 bronze badges

Comments

Man Programmer · Accepted Answer · 2012-09-27 10:53:45Z

0

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

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

});

answered Sep 27, 2012 at 10:53

Man Programmer

5,3662 gold badges24 silver badges21 bronze badges

Comments

Sreenath S · Accepted Answer · 2012-09-27 10:58:10Z

0

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

answered Sep 27, 2012 at 10:58

Sreenath S

1,2691 gold badge14 silver badges21 bronze badges

Collectives™ on Stack Overflow

Javascript split text & then loop

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related