javascript array to formatted string

Question

In javascript I have an array like

psi=["www.google.com","www.facebook.com","www.collegehumor.com"]

I want to turn it to a formatted string like

var final=<a href="www.google.com" target="_blank">www.google.com</a></br>,<a href="www.facebook.com" target="_blank">www.facebook.com</a></br>,<a href="www.collegehumor.com" target="_blank">www.collegehumor.com</a></br>

so I can send from server to client something like

//websockets, btw...
connection.send('Search Results'+t_name+'</br>Links'+final+'</br>');

and it will render just the working links.

Something like

www.google.com
www.facebook.com
www.collegehumor.com

I know there is the toString(). But no luck with that. I cant make it create working links.

I tried to implement a for inside the connection.send but Dreamweaver says there is a syntax error. That's why I try to convert the array to formatted string.

Any advise?

Thanks

Sounds like a job for a template engine (my personal favorite is doT because it's fast, it generates efficient templates, and it's tiny). — Pointy
– Pointy, Commented Aug 5, 2013 at 14:46
Can you not build the string in a loop using += and then pass it? — Joe
– Joe, Commented Aug 5, 2013 at 14:47
Add "http://" before www, otherwise it will fail. Also, when declaring the variable "final", as it is a string, it needs to be between quotes and escape those quotes that are form the text itself: var final="<a href=\"http://www.google.com\" target=\"_blank\">www.google.com</a>, ..."; — Alejandro Iván
– Alejandro Iván, Commented Aug 5, 2013 at 14:48
@AlejandroIván Alternatively, you can avoid the escaping of " by simply wrapping the enter final string value with '. — ajp15243
– ajp15243, Commented Aug 5, 2013 at 14:50

MDEV · Accepted Answer · 2013-08-05 15:04:20Z

2

var psi=["www.google.com","www.facebook.com","www.collegehumor.com"]
var str = '';
for(var i in psi)
{
    str += ',<a href="http://'+psi[i]+'" target="_blank">'+psi[i]+'</a><br>';
}
str = str.substr(1);

Alternate version using the string.link() method mentioned by Zim84 in the comments above:

var psi=["www.google.com","www.facebook.com","www.collegehumor.com"]
var str = '';
for(var i in psi)
{
    var url = psi[i];
    str += ','+url.link('http://'+url)+'<br>';
}
str = str.substr(1).replace('">','" target="_blank">');

edited Aug 5, 2013 at 15:04

answered Aug 5, 2013 at 14:55

MDEV

10.9k2 gold badges35 silver badges50 bronze badges

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

Comments

Alejandro Iván · Accepted Answer · 2013-08-05 14:52:24Z

1

var final = "";
for (var i = 0; i < psi.length; i++)
{
    var linkWithHttp = "http://" + psi[i];
    final += "<a href=\"" + linkWithHttp + "\" target=\"_blank\">" + psi[i] + "</a><br />,";
}

// Remove the last "," if you added, at least, one element
if (psi.length > 0)
{
    final = final.substring(0, final.length - 1);
}

// Now final is like what you want
// Send it using connection.send()

answered Aug 5, 2013 at 14:52

Alejandro Iván

4,0611 gold badge23 silver badges31 bronze badges

Comments

jfren484 · Accepted Answer · 2013-08-05 14:56:13Z

0

If you are willing to use jQuery it's a piece of cake:

var final = $.map(psi, function(link) {
  return '<a href="' + link + '" target="_blank">' + link + '</a>';
}).join('<br />,');

answered Aug 5, 2013 at 14:56

jfren484

1,02013 silver badges13 bronze badges

4 Comments

Paul S. Over a year ago

ECMAScript5's Array.prototype.map would take exactly the same function.

jfren484 Over a year ago

Paul S is correct. If you don't care about IE 8 that would work, but you'd have to do the join manually (it wouldn't be hard, though).

Paul S. Over a year ago

what do you mean "have to do the join manually? Array's join has been part of JavaScript since ECMAScript 1st Edition - pre IE6

jfren484 Over a year ago

I didn't see it in the documentation, but I guess it was only showing the NEW stuff in ECMAScript5 on the page I was viewing. I've gotten so used to using jQuery for everything that I don't even know what's in the language itself!

Collectives™ on Stack Overflow

javascript array to formatted string

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related