Saturday, December 28, 2024
Google search engine
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

Recent Comments