How to create a string by joining the elements of an array in JavaScript ?
Given an array containing array elements and here we will join all the array elements to make a single string. To join the array elements we use arr.join() method.
There are two methods by which we can create a string by joining the elements of an array:
Table of Content
Using arr.join() Method
This method is used to join the elements of an array into a string. The elements of the string will be separated by a specified separator and its default value is a comma(,).
Syntax:
array.join(separator)
Example: In this case, we use an empty separator i.e. array.join("") to join the array elements.
let str = ["Welcome", "Geeks", "for", "Geeks"];
console.log("Joined String: " + str.join(""));
Output
Joined String: WelcomeGeeksforGeeks
Using arr.toString() Method
The JavaScript Array toString() Method returns the string representation of the array elements
Syntax:
arr.toString()
Example:
// JavaScript to illustrate toString() method
function func() {
// Original array
let arr = ["Geeks", "for", "Geeks"];
// Creating a string
let str = arr.toString();
console.log(str);
}
func();
Output
Geeks,for,Geeks
Using for loop
A for loop iterates over each element of an array, appending them to a string with specified separators. It joins elements into a single string.
Example: In this example we iterates through an array, concatenating its elements into a string with spaces between them.
let array = ["Welcome", "to", "geeksForGeeks"];
let string = "";
for (let i = 0; i < array.length; i++) {
string += array[i];
if (i < array.length - 1) {
string += " ";
}
}
console.log(string);
Output
Welcome to geeksForGeeks