The JavaScript Array Join {join()
method} joins the elements of an array into a string. Joining the elements of an array into a string can be possible by using join()
method, the parameter value is optional in the join()
method, that means if we don't give any input value (Separator) to the join()
method, it returns the joining elements of an array into a string, which are seperated by comma (,
by default), or if we give some separator to the join()
method, it joins all the elements which are seperated by a specific seperator and return as a string.
array.join(separator)
are the parameters.
In JavaScript, by using join()
method we can join the elements of an array into a string and returns the string.
<p>Click the below button to to join the elements of an array into a string.</p> <input type="button" onclick="myValue()" value="Join"/> <p id="myId"></p> <script> function myValue() { var a = ["France", "Egypt", "Darziling", "China", "Bangladesh", "Abudhabi"]; var b = a.join(); document.getElementById("myId").innerHTML = b; } </script>
In the above code snippet we have given Id
as "myId
"to the second <p>
element in the HTML code. There is a function myValue() in the<script>
block which is connected to the onclick of the HTML button and array with value "["France", "Egypt", "Darziling", "China", "Bangladesh", "Abudhabi"]" to the variable a
. We need to join the elements of an array into a string and returns the string, for that we are using join()
method, in this case we didnot used any separator, so the join() method seperates the elements of array with default separator (,) while returning. Onclick of the button ''Join" in the HTML code fires the function myValue() in the <script>
block at the same time join()
method joins the elements of an array into a string by separating the each element with a comma operator, and returns the string as a output.
OUTPUT
<p>Click the below button to to join the elements of an array into a string.</p> <input type="button" onclick="myValue()" value="Join"/> <p id="myId"></p> <script> function myValue() { var a = ["France", "Egypt", "Darziling", "China", "Bangladesh", "Abudhabi"]; var b = a.join(" OR "); document.getElementById("myId").innerHTML = b; } </script>
Joining elelemts with separator
In the above code snippet we used "OR" separator in join()
method. Onclick of the button ''Join" in the HTML code fires the function myValue() in the <script>
block at the same time join()
method joins the elements of an array into a string by separting the each element with specified separator, and returns the new string as a output.
OUTPUT
Views: 5191 | Post Order: 162