JavaScript - How to Convert an Array to Comma Separated String

Published on Aug 26, 2022

Hello dev's, Toady I'll show you how to convert an Array into a comma separated string. Sometimes we need into run in a situation where we need to convert to our array into a comma separated string. We can achieve our expected result in two ways. We'll see both ways. So, no more let's see how we can easily convert our array into comma separated string in a javascript way.

Example 1 : using toString() method

In the first example, we'll use toString() method. Let's see the below code snippet

<html>
<head>
    <title>How to Convert an Array into Comma Separated String? - shouts.dev</title>
</head>
<body>
  
<script>
    var languages = ['PHP', 'LARAVEL', 'VEUJS', 'JavaScript'];
    console.log(languages.toString());

</script>
</body>
</html>

toString() method is a short and convenient method method for convert an array into comma separated string. For more info you can see this doc. So, above code snippet will produce the below output

Convert Array into Comma Separated String using toString() method

Example 2 : using join() method

In the second example, we'll use join() method. Let's see the below code snippet

<html>
<head>
    <title>How to Convert an Array into Comma Separated String? - shouts.dev</title>
</head>
<body>
  
<script>
    var languages = ['PHP', 'LARAVEL', 'VEUJS', 'JavaScript'];
    console.log(languages.join(','));
</script>
</body>
</html>

join() method is a very handy method. You cannot only convert into comma separated rather then any string or symbol you provide as parameter like join('='); See the doc for more info. So, above code snippet also produce the same output as we seen in example1.

Convert Array into Comma Separated String using join() method

That's it for today. Hope you'll enjoy through this tutorial. If you've any question or face any difficulty, catch me in the comment section. Thanks for reading :)

Comments (0)