Displaying elements of an array by using join() method

<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.

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.

• Displaying elements of an Array

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);

How to create array by splitting a string using split() method →
← Array Reference How to display elements of an Array →

← Subscribe to our YouTube Channel here

plus2net.com