Join() method to display elements of an array in JavaScript

Displaying elements of an array by using join() method

You have seen displaying elements of an array by looping through the array. Now we will see how to display elements of an array by using join method. Join() method is a built in method in JavaScript which takes a delimiter and create a string by adding all elements of the array by placing the delimiter between them.

This is another way to display all elements and if we give line break <br> as delimiter then all elements we can display vertically in any web page. We need not loop through by using length property.

We can directly display elements by using document.write or we can assign it to one string variable and then display.


var str=scripts.join(" : ");

document.write(str);

Here is the complete code for displaying elements of an array using join


<script type="text/javascript">
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";
var str=scripts.join(" : ");
document.write(str);
//document.write(scripts.join(" <br> "));
</script>

The output of the above code is here

PHP : ASP : JavaScript : HTML

You can use line break <br> to generate a list by using the last line of the above code.

Your Rating

More on JavaScript Arrays : Create , display and Applications