JavaScript Array toString() Method

by Online Tutorials Library July 22, 2022

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:

JavaScript Array toString() Method

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:

JavaScript Array toString() Method

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:

JavaScript Array toString() Method

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:

JavaScript Array toString() Method

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:

JavaScript Array toString() Method

After clicking on the ‘convert’ button, array converts into string.

Next TopicJavaScript Array

JavaScript Array toString() Method

JavaScript Array toString() Method

Syntax

Parameters

Return

JavaScript toString() Method Examples

Zipping and Unzipping Files in Java

Best Laptop for Kali Linux

You may also like