To convert an array to comma-separated string in javascript; In this tutorial, you will learn, how to convert an array to string comma separated string in javascript.
Before convert array to delimited string in javascript, we would like to demonstrate to you two important methods of javascript. These methods will help convert array to string comma separated string. They are join() and toString() methods in js.
Or if you want to convert strings to arrays in javascript. You can read this post – https://www.tutsmake.com/javascript-convert-string-to-array-javascript/.
Convert Array to Comma Separated String JavaScript
You can use the below-given methods to convert array and object to comma delimited string to array javascript:
Convert Array to string Separated By Comma javaScript
Before convert array to comma-separated strings, you must know about the basics of javascript array built-in methods like toString(), and join() .
javaScript toString() method
This is an inbuilt javascript method, which is used to converts an array into a String and returns the new string.
Syntax:
array.toString();
javaScript join() method
The join() method creates and returns a new string by concatenating all of the elements in an array.
Note: The elements of the array will be separated by a specified separator.
If not specified, Default separator comma (, ) is used.
Syntax:
array.join(separator)
Example of how to convert an array to comma separated string in javascript
Let’s take various examples for convert array to a comma separated string javascript with different technics.
1. javascript array to comma separated string using toString() method
Let’s take a new example to convert an array to a comma-separated string into JavaScript.
var lang = ['php','javascript','python', 'c', 'c+', 'java'];
document.write( "JavaScript - convert an array into comma-separated strings are :-" + lang.toString() );
Ex:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Convert Array into Comma-Separated String with toString() Method</title>
</head>
<body>
<script type = "text/javascript">
var lang = ['php','javascript','python', 'c', 'c+', 'java'];
document.write( "JavaScript - convert an array into comma-separated strings are :-" + lang.toString() );
</script>
</body>
</html>
Result of the above code is:
2. Convert Array to String javascript using join Method
Let’s take a second example to convert an array to a comma-separated string into JavaScript using join() method.
var lang = ['php','javascript','python', 'c', 'c+', 'java'];
document.write( "JavaScript - convert an array into comma-separated strings are :-" + lang.join(',') );
Ex:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Convert Array into Comma-Separated String With join() Method</title>
</head>
<body>
<script type = "text/javascript">
var lang = ['php','javascript','python', 'c', 'c+', 'java'];
document.write( "JavaScript - convert an array into comma-separated strings are :-" + lang.join(',') );
</script>
</body>
</html>
Result of the above code is:
