Javascript Join - Use Join to Make an Array into a String in Javascript

i=new Array("Hi", "Hello", "Cheers", "Greetings");

i=i.join(":");

document.write(i);

Which Prints:
Hi:Hello:Cheers:Greetings


-We create an array and name it i because we don't want to risk typoing a long name.
-We use Javascript's built-in join method on our array.
---Whatever we put in the quotes will be the separator in our new string.
---If we put nothing in the parenthesis, commas are inserted by default. See example below.
-We use Javascript's built-in document.write command to print to the browser.


Example of empty parenthesis:

i=new Array("Hi", "Hello", "Cheers", "Greetings");
i=i.join();
document.write(i);

Which Prints:
Hi,Hello,Cheers,Greetings


NOTES FOR THE INTERESTED: You may notice that what we just printed to the browser looks the same as if we hadn't used join at all. The subtle difference is, i is now a string not an array.

If we were to say print i[0] with our new string, it would print H for the first piece of our string or undefined (depends on your browser). Back when i was an array before we applied join to it, printing i[0] would have printed Hi.

We could use split to turn i back into an array, but that's a whole other article :)


Free Copy and Paste Javascript Code:

<script type="text/javascript">
<!--

i=new Array("Hi", "Hello", "Cheers", "Greetings");

i=i.join(":");

document.write(i);

-->
</script>


Resources:
Javascript Array - Create an Array in Javascript
Javascript Concat - Use Concat to Join Two Arrays in Javascript
Javascript Splice - Use Splice to Replace Items in an Array in Javascript
Javascript Slice - Use Slice to Get Items from an Array in Javascript
Javascript Sort - Use Sort on Items in an Array in Javascript
Javascript Shift Use Shift to Remove Items from the Beginning of an Array in Javascript
Javascript Unshift - Use Unshift to Put Items on the Front of an Array in Javascript
Splitting an Array using Javascript
Javascript Push - Use Push on an Array in Javascript
PRINT to Browser with document.write Command in Javascript

JavaScript Kit - Nice Array Tutorial on Another Site
Javascript Alert
onClick Javascript
Javascript Referrer
Javascript Reset Form
Annoy Users with onBlur in Javascript
Get Query String Using Javascript
Use innerHTML to Change Text on a Page



Click HERE to comment or discuss at iLoveTheCode GOOGLE Group

Previous Article: Javascript Splice Use Splice to Replace Items in an Array in Javascript

Next Article: Javascript Concat Use Concat to Join Two Arrays in Javascript

Head First HTML with CSS & XHTML Eric Freeman, Elis... New $23.99	Learning Web Design Jennifer Niederst ... New $26.99	JavaScript David Flanagan New $31.49
HTML Gary B. Shelly, Th... New $84.55	Information Architecture for the Wor... Louis Rosenfeld, P... New $26.39	jQuery in Action Bear Bibeault, Yeh... New $26.39
Dreamweaver CS3 David McFarland New $29.69	HTML & XHTML Chuck Musciano, Bi... New $29.99	Bulletproof Web Design Dan Cederholm New $23.99

Privacy Information