Split an Array into multiple Strings Javascript

Question

My array looks like

["John Connor ", "Mike ", "Ryan Jones ", "Markey O ", "Markey B"]

I'm trying to put these into multiple strings (though splitting into multiple strings may not be the best way) so I can place them on the page one below the other.

So I do $(".info_container").text(myArray);

How can I split these at the , and then place them into the DOM?

I tried $(".info_container").text(myArray).join(","); but this still just gives me a string of arrays not individual strings.

This maybe will help you http://stackoverflow.com/questions/8495687/split-array-into-chunks — GeralexGR, Mar 03 '16 at 10:26
instead of `$(".info_container").text(myArray).join(",");` try `$(".info_container").text(myArray.join(","));` — Kartikeya Khosla, Mar 03 '16 at 10:28

score 2 · Accepted Answer · answered Mar 03 '16 at 10:28

2

Try:

var array = ["John Connor ", "Mike ", "Ryan Jones ", "Markey O ", "Markey B"];
array.forEach(function(name) {
   $(".info_container").append('<span>' + name + '</span>');
});

answered Mar 03 '16 at 10:28

jcubic

61,973
54
229
402

Cheers man! This worked. I didn't really think of doing a `forEach` over my array :) – pourmesomecode Mar 03 '16 at 10:56

score 2 · Answer 2 · answered Mar 03 '16 at 10:35

2

You can use .innerHTML with arrary.join(', <br>'):

var arr = ["John Connor ", "Mike ", "Ryan Jones ", "Markey O ", "Markey B"];

document.body.innerHTML = arr.join(', <br>');

answered Mar 03 '16 at 10:35

Jai

74,255
12
74
103

score 1 · Answer 3 · answered Mar 03 '16 at 10:38

1

You can try this:

var myArray = ["John Connor ", "Mike ", "Ryan Jones ", "Markey O ", "Markey B"].toString();

Then:

$(".info_container").text(myArray);

answered Mar 03 '16 at 10:38

knnsarsaba

56
2

Split an Array into multiple Strings Javascript

3 Answers3