We left off a while back discussing the various built-in Date Objects that JavaScript has to offer. Prior to that we talked about String Objects and JavaScript Events. Here and now, we are going to go over the Array Objects, which we can use to manipulate arrays. We will start off by viewing a table of them and the definitions of each. After that we will begin with the concat() method and try our best to work our way through the remaining thirteen.
As stated in our nifty table, join() places all of the elements in an array inside of a string. The values are separated by a delimiter of your choosing. This parameter is optional, however; you can choose to not specify a delimiter. Here is the method in action:
<html>
<body>
<script type="text/javascript">
var bboys = new Array(3);
bboys[0] = "Greg";
bboys[1] = "Bobby";
bboys[2] = "Peter";
document.write("Behold the Brady Boys: " + "<br />");
document.write(bboys.join() + "<br />");
document.write(bboys.join(".") + "<br />");
document.write(bboys.join("|") + "<br />");
document.write(bboys.join("-----") + "<br />");
document.write(bboys.join("[]") + "<br />");
document.write(bboys.join(""));
</script>
</body>
</html>
This gives us the result:
Behold the Brady Boys: Greg,Bobby,Peter Greg.Bobby.Peter Greg|Bobby|Peter Greg-----Bobby-----Peter Greg[]Bobby[]Peter GregBobbyPeter
As you can see, we can practically use anything (or nothing at all) as a delimiter. The comma is the default delimiter when using the join() method.