Convert Array To String In JavaScript

Convert Array To String In JavaScript

by

JavaScript Array is used to store single or multiple items in a single variable. Arrays can store the same or different types of items like integer, string, object another array, etc. Array contents can be converted into the string by using different methods in JavaScript. But the array items should be convertible to the string.

Convert Array to String with toString() Method

JavaScript array provides the toString() method in order to convert array items into the string. It can be called directly from the array variable and does not need any parameter. Keep in mind that the toString() method does not change the original array it only returns a string with all array values. The returned string can be assigned to a new string variable. toString() method is supported by all major web browsers Google Chrome, Microsoft Edge, Mozilla Firefox, Safari, and Opera.

var names = [ "ismail" , "ahmet" , "ali" , "elif" ];

var numbers = [ 1 , 2 , 3 , 4 ];

var mixed = [ "ismail" , "ahmet" , "ali" , "elif" , 1 , 2 , 3 , 4 ];



names_string = names.toString();

numbers_string = numbers.toString();

mixed_string = mixed.toString();

Convert Array to String with join() Method

JavaScript also provides the join() method which can be also used to convert array items into the string. join() method accepts a single parameter which is optional. The parameter is separator if not specified the default separator is a comma. The default separator command put between these array items when converting string. We can also specify the separator explicitly to separate array items with different signs and characters.

var names = [ "ismail" , "ahmet" , "ali" , "elif" ];

var numbers = [ 1 , 2 , 3 , 4 ];

var mixed = [ "ismail" , "ahmet" , "ali" , "elif" , 1 , 2 , 3 , 4 ];



names_string1 = names.join();
names_string2 = names.join("");
names_string3 = names.join("-");
names_string4 = names.join(" and ");


numbers_string1 = numbers_string.join();
numbers_string2 = numbers_string.join("-");
numbers_string3 = numbers_string.join(" and ");
numbers_string4 = numbers_string.join("");


mixed_string1 = mixed_string.join();
mixed_string2 = mixed_string.join("-");
mixed_string3 = mixed_string.join(" and ");
mixed_string4 = mixed_string.join("");

Convert Array to String with JSON.stringify() Method

JSON is a data structure or format to transmit and store different types of data. JSON data type is similar to the arrays in JavaScript. JSON provides a different method in order to convert JSON data into a string. JSON.stringify() is a method that can be used to convert a JavaScript array into the string.

var names = [ "ismail" , "ahmet" , "ali" , "elif" ];

var numbers = [ 1 , 2 , 3 , 4 ];

var mixed = [ "ismail" , "ahmet" , "ali" , "elif" , 1 , 2 , 3 , 4 ];


var a = JSON.stringify(names);

var b = JSON.stringify(numbers);

var c = JSON.stringify(mixed);

Convert Array to String with Concatenation or Type Coercion

JavaScript array is a special type where operators can be used to convert array contents into the string. The plus + operator can be used to convert a given array into a string even some separator can be specified between every item. 

var names = [ "ismail" , "ahmet" , "ali" , "elif" ];

var numbers = [ 1 , 2 , 3 , 4 ];

var mixed = [ "ismail" , "ahmet" , "ali" , "elif" , 1 , 2 , 3 , 4 ];


//Concatenate String Array Items into String 
var a = names + "";
var a = names + " ";
var a = names + "-";
var a = names + "++";

/Concatenate Number Array Items into String 

var a = numbers + "";
var a = numbers + " ";
var a = numbers + "-";
var a = numbers + "++";


/Concatenate Mixed Array Items into String 
var a = mixed + "";
var a = mixed + " ";
var a = mixed + "-";
var a = mixed + "++";

Leave a Comment