Thursday, September 4, 2025
HomeLanguagesJavascriptCreate a comma separated list from an array in JavaScript

Create a comma separated list from an array in JavaScript

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:

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();


Output

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();


Output

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();


Output

Comma Separated List: GFG1,GFG2,GFG3

RELATED ARTICLES

Most Popular

Dominic
32264 POSTS0 COMMENTS
Milvus
81 POSTS0 COMMENTS
Nango Kala
6629 POSTS0 COMMENTS
Nicole Veronica
11799 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11859 POSTS0 COMMENTS
Shaida Kate Naidoo
6749 POSTS0 COMMENTS
Ted Musemwa
7025 POSTS0 COMMENTS
Thapelo Manthata
6698 POSTS0 COMMENTS
Umr Jansen
6718 POSTS0 COMMENTS