While working with JavaScript, the conversion of string to array is a common task. It is useful while manipulating individual characters or substrings within a string. There are several predefined approaches for the string-to-array conversion in JavaScript including the “split()” method, the “from()” method of an Array object, and so on.
This tutorial will describe the methods of string-to-array conversion in JavaScript.
How to Convert/Transform a String to an Array Using JavaScript?
The following approaches are utilized for the conversion of a string into an array:
- split() method
- Array.from() method
- Object.assign() method
- Spread operator
Method 1: Using the “split()” Method For Converting/Transforming String to Array
For the conversion of a string to an array in JavaScript, use the “split()” method. It splits the defined string into a substring array based on a particular separator. If you haven’t added any separator, the split() method splits/divides the string into an array of individual characters.
Syntax
The given syntax is used for the split() method without using any separator:
string.split("");
|
|---|
For using a separator, pass the particular value or character to the method such as “,”, “:”, and so on.
Example
Here, in the given example, we will split the string into individual characters without using any separator. First, we will create a string:
const string = "JavaScript"; |
|---|
Call the split() method on the string to convert it into an array of characters:
const array = string.split("");
|
|---|
Print the resultant array on the console:
console.log(array); |
|---|
The output indicates that the split() method has successfully converted the string into an array:
Method 2: Using “Array.from()” Method For Converting/Transforming String to Array
You can also utilize the “Array.from()” method for string-to-array conversion. It is a static method in JavaScript that converts an iterable object or an object that looks like an array into a new instance of an array. It takes/accepts a string as an argument for converting it into an array.
Syntax
The following syntax is utilized for the Array.from() method:
Array.from(string) |
|---|
Example
Call the Array.from() method by passing a string as an argument and printing the resultant array on the console using the “console.log()” method:
const array = Array.from(string); console.log(array); |
|---|
Output
Method 3: Using “Object.assign()” Method For Converting/Transforming String to Array
Use the “Object.assign()” method. Like Array.from(), this method is also a static method that copies the values of all enumerable properties from one or more source objects to a target object.
Syntax
The provided syntax is used for the Object.assign() method:
Object.assign(target, source); |
|---|
Example
Call the Object.assign() method and pass the array as a target and string as a source. It will convert the source into a target object:
const array = Object.assign([], string); console.log(array); |
|---|
Output
Method 4: Using “Spread Operator” For Converting/Transforming String to Array
Another way for converting a string to an array is to use the spread operator (…). It is used to expand a string into individual elements, which can then create a new array.
Syntax
Use the following syntax for the conversion of a string to an array with the help of the spread operator:
[...string] |
|---|
Example
Pass the string with the spread operator in an array to expand a string into individual characters, and then, print it on the console:
const array = [...string]; console.log(array); |
|---|
Output
We have compiled all the best solutions for converting string to an array in JavaScript.
Conclusion
For string-to-array conversion, JavaScript provides predefined methods including the “split()” method, “Array.from()” method, “Object.assign()” method or the “Spread operator”. These methods allow manipulation and access of substrings or individual characters in a string. This tutorial described the string-to-array conversion methods in JavaScript.
