Related Articles

Related Articles

Converting JavaScript Arrays into CSVs and Vice-Versa
  • Last Updated : 28 May, 2018

Converting Arrays into CSVs:
Given an array in JavaScript and the task is to obtain the CSVs or the Comma Separated Values from it.
Now, Javascript being a versatile language provides multiple ways to achieve the task. Some of them are listed below.
Method 1: Using toString() function

filter_none

edit
close

play_arrow

link
brightness_4
code

<script>
var array = [ "geeks", "4", "geeks" ];
var csv = array.toString();
document.write(csv);
</script>

chevron_right


Output:

geeks,4,geeks

The toString() method converts an array into a String and returns the result. The returned string will separate the elements in the array with commas.

Method 2: Using valueof() function

filter_none

edit
close

play_arrow

link
brightness_4
code

<script>
var array = [ "geeks", "4", "geeks" ];
var csv = array.valueOf();
alert(csv);
</script>

chevron_right


Output:



geeks,4,geeks

The valueOf() method returns the primitive value of an array. Again the returned string will separate the elements in the array with commas.

There is no difference in toString() and valueOf(). Even if we try with different data types like number, strings etc it would give the same result.

Method 3: using join() function

filter_none

edit
close

play_arrow

link
brightness_4
code

<script>
var array = [ "geeks", "4", "geeks" ];
var csv = array.join();
document.write(csv);
  
</script>

chevron_right


Output:

geeks,4,geeks

The join() method joins the elements of an array into a string and returns the string.

By default, the join() method returns a comma (, ) separated value of the array. But you can give an argument to join() method and specify the separator. For example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<script>
var array = [ "geeks", "4", "geeks" ];
var csv = array.join('|');
document.write(csv);
  
</script>

chevron_right


Output:

geeks|4|geeks

Converting CSVs into Arrays: Using split() function
Now let us see how we can convert a string with commas separated values into an Array.

filter_none

edit
close

play_arrow

link
brightness_4
code

<script>
var csv = "geeks, 4, geeks" 
var array = csv.split(", ");
document.write(array[0] + '<br>');
document.write(array[1] + '<br>');
document.write(array[2]);
  
</script>

chevron_right


Output:

geeks
4
geeks

Thus split() method of String comes handy for this. It is used to split a string into an array of substrings and returns the new array. The split() method does not change the original string.

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :