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:
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
let arr = [ "GFG1" , "GFG2" , "GFG3" ];
function gfg_Run() {
console.log( "Comma Separates List: " + arr.join( ", " ));
}
gfg_Run();
|
Output
Comma Separates List: GFG1, GFG2, GFG3
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
let arr = [ "GFG1" , "GFG2" , "GFG3" ];
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
let arr = [ "GFG1" , "GFG2" , "GFG3" ];
function gfg_Run() {
console.log( "Comma Separated List: " + arr);
}
gfg_Run();
|
Output
Comma Separated List: GFG1,GFG2,GFG3
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
13 Jul, 2023
Like Article
Save Article