In this article, we will see how to convert a comma-separated string to an array using JavaScript. A comma-separated string can be converted to an array using the following approaches:
Methods to Convert Comma-separated String to JavaScript Array:
- using JavaScript split() method.
- using JavaScript loops and .slice() method
- using Array.from() and .split() method
Method 1: Using the JavaScript split() method.
The split() method is used to split a string on the basis of a separator. This separator could be defined as a comma to separate the string whenever a comma is encountered. This method returns an array of strings that are separated.
Syntax:
string.split(', ')
Example: In this example, we will be using the split() method to convert a comma-separated string to an array using Javascript.
Javascript
// Function to convert comma-separate// string to attayfunction separateString() { // Input string originalString = "One, Two, Three, Four, Five"; // Converted array separatedArray = originalString.split(', '); // Display output console.log(separatedArray);}separateString(); |
[ 'One', 'Two', 'Three', 'Four', 'Five' ]
Method 2: Using JavaScript loops and .slice() method
This approach involves iterating through each character in the string and checking for the comma. A variable previousIndex is defined which keeps track of the first character of the next string. The slice method is then used to remove the portion of the string between the previous index and the current location of the comma found. This string is then pushed onto a new array. This process is then repeated for the whole length of the string. The final array contains all the separated strings.
Syntax:
string.slice(startingIndex, endingIndex)
Example: In this example, we will be converting a comma-separated value to a Javascript string.
Javascript
originalString = "One, Two, Three, Four, Five";separatedArray = [];// Index of end of the last stringlet previousIndex = 0;for (i = 0; i < originalString.length; i++) { // Check the character for a comma if (originalString[i] == ",") { // Split the string from the last index // to the comma separated = originalString.slice(previousIndex, i); separatedArray.push(separated); // Update the index of the last string previousIndex = i + 1; }}// Push the last string into the arrayseparatedArray.push(originalString.slice(previousIndex, i));console.log(separatedArray); |
[ 'One', ' Two', ' Three', ' Four', ' Five' ]
Method 3: Using Array.from() and .split() method
The Javascript Array.from() method is used to create a new array instance from a given array, string, or object.
Syntax:
Array.from(object, mapFunction, thisValue)
Example: In this example, we will use Array.from() and .spilt() methods to split the strings and convert them to an array.
Javascript
// Input stringoriginalString = "One, Two, Three, Four, Five";// Getting required array form string // by split and array.form methodsconst separatedArray = Array.from( originalString.split(","));// Display the outputconsole.log(separatedArray); |
[ 'One', ' Two', ' Three', ' Four', ' Five' ]
