In this article, we will see how to convert an array into a comma-separated list using JavaScript. To do that, we are going to use a few of the most preferred methods.
Methods to Create Comma Separated List from an Array:
- using Array join() method
- using Array toString() method
- using Array literal
Method 1: Array join() method
This method joins the elements of the array to form a string and returns the new string. The elements of the array will be separated by a specified separator. If not specified, the Default separator comma (, ) is used.
Syntax:
array.join(separator)
Parameters:
- separator: This parameter is optional. It specifies the separator to be used. If not used, a Separated Comma(, ) is used.
Example: This example joins the element of the array by the join() method using a comma(, ).
Javascript
// Input array let arr = [ "GFG1" , "GFG2" , "GFG3" ]; // Function to create and // display comma separated list function gfg_Run() { console.log( "Comma Separates List: " + arr.join( ", " )); } gfg_Run(); |
Comma Separates List: GFG1, GFG2, GFG3
Method 2: Array toString() method
This method converts an array into a String and returns the new string.
Syntax:
array.toString()
Return value:
It returns a string that represents the values of the array, separated by a comma.
Example: This example uses the toString() method to convert an array into a comma-separated list. using Array literal
Javascript
// Input array let arr = [ "GFG1" , "GFG2" , "GFG3" ]; // Function to create and // display comma separated list function gfg_Run() { console.log( "Comma Separated List: " + arr.toString()); } gfg_Run(); |
Comma Separated List: GFG1,GFG2,GFG3
Method 3: Using Array literals
It is the list of expressions containing array elements separated with commas enclosed with square brackets.
Example: This example uses the normal array name and does the same work.
Javascript
// Array litral declaration let arr = [ "GFG1" , "GFG2" , "GFG3" ]; // Function to display // comma separated list function gfg_Run() { console.log( "Comma Separated List: " + arr); } gfg_Run(); |
Comma Separated List: GFG1,GFG2,GFG3