JavaScript Array toString() Method

The toString() method is used for converting and representing an array into string form. It returns the string containing the specified array elements. Commas separate these elements, and the string does not affect the original array.

Syntax

The following syntax represents the toString() method:

Parameters

It does not have any parameters.

Return

It returns a string that contains all the elements of the specified array.

JavaScript toString() Method Examples

Let's implement some examples to understand the toString() method better:

Example1: Converting a given array into string form seperated by commas.

<!DOCTYPE html>
<html>
<head> <h3>Array Methods</h3> </br>
</head>
<body>
<script>
             var arr=['j','a','v','a','T','p','o','i','n','t']; //array elements
             var str=arr.toString(); //toString() method implementation
              document.write("After converting into string:  "+str);
</script>
</body>
</html>

Test it Now

Output:

Example2: Converting an array 'season' into string form.

<!DOCTYPE html>
<html>
<head> <h3>Array Methods</h3> </br>
</head>
<body>
<script>
       var season=["Spring","Autumn","Summer","Winter"];
                          var str=season.toString(); //toString() method implementation
                          document.write("After converting into string:  "+str);
                  </script>
</body>
</html>

Test it Now

Output:

Example3: Converting an array containing numeric values into string.

<html>
<head> <h5> Array Methods </h5> </br>
</head>
<body>
<script>
var arr=["1","2","3","4"];
document.write(arr.toString()); //After converting into string.
</script>
</br></br>
</body>
</html> 

Test it Now

Output:

Example4: We can also represent a user-defined array into string format. Let's see in this example.

<html>
<head> <h5> Array Methods </h5> </br> </head>
<body>
<script>
function user_def_arr(n) //n is the size of array
{
	var a=[],i; //creating user-defined array
	n=document.getElementById("num").value;
	for(i=0;i<n;i++)
		a[i]=prompt('Enter the elements'+(i+1)); //entering elements in array through prompt box
	for(i=0;i<n;i++)
	{
		document.write("a["+i+"]="+a[i]); //Printing the array elements
		document.write("<br>");
	}
	var str=a.toString(); //toString() method implementation
    document.write("After converting the array elements into string:  "+str);	
}
</script>
</body>
<input type="text" id="num"/>
<input type="button" onClick="user_def_arr(num)" value="Input Value"/>
</html>

Test it Now

Output:

After entering the array size in the textbox and elements in the prompt box:

Example5: Let's convert a pre-defined array into string through this example.

<html>
<head> <h5> Array Methods </h5> </br>
</head>
<body>
<script>
        var arr=[10,20,30,40]; //pre-defined array
                            document.write("The array elements are:  "+arr);
                            function pre_define_arr()
                           {
                                 var str=arr.toString();
                                  document.write("After converting the array elements into string, it     becomes:  "+str);
                        }
</script>
</br></br>
<input type="button"  onClick="pre_define_arr()" value="Convert"/>
</body>
</html>

Test it Now

Output: