In this article, you will learn how to convert a string to an array data type in JavaScript.
There are various methods to convert a String to an Array that is described below:
- Using Spread Operator (…)
- Using Naive Method
- Using String Split() Method
- Using Array from() method
- Using slice() Method
Approach 1: Spread Operator
The Spread Operator represented by (…) allows any iterable to expand like an array into individual elements i.e. string to characters.
Syntax:
let Arr = [...str];
Example: In this example, Spread Operator is used to convert a String to an array.
Javascript
// Declare a Stringlet str= "neveropen";// Declare an Empty arraylet arr = [];// Use Spread Operator to Convert// String to an Arrayarr = [...str];console.log(arr); |
[ 'G', 'e', 'e', 'k', 's', 'f', 'o', 'r', 'G', 'e', 'e', 'k', 's' ]
Approach 2: Naive Method
This approach includes traversing every character of the string and pushing that to the array.
Example: In this example, we will use a loop to iterate the given string and push the string character into an array.
Javascript
// Declare a Stringlet str= "neveropen";// Length of stringlet len = str.length;// Declare an Empty arraylet arr = [];// Use the for loop to Convert// String to an Arrayfor (let i = 0; i < len; i++) { arr.push(str[i]);}console.log(arr); |
[ 'G', 'e', 'e', 'k', 's', 'f', 'o', 'r', 'G', 'e', 'e', 'k', 's' ]
Approach 3: String Split() Method
The String Split() Method takes the pattern as an argument and returns the target string as a list or array. The separator represents the function where to split and the limit represents the number of substrings or lengths up to which the string will be processed.
Syntax:
split(separator); // or
split(separator, limit);
Example:
Javascript
// Declare a Stringlet str= "neveropen";// Use String split() method to // Convert String to an Arraylet arr = str.split('');console.log(arr); |
[ 'G', 'e', 'e', 'k', 's', 'f', 'o', 'r', 'G', 'e', 'e', 'k', 's' ]
Approach 4: Array from() method
The Array from() method returns a new instance of an array from the object provided in the arguments.
Syntax:
Array.from(object, mapFunction, thisValue);
Example: In this example, we will pass a string into Array from() method to convert it into an array.
Javascript
// Declare a Stringlet str= "neveropen";// Use Array from() method to // Convert String to an Arraylet arr = Array.from(str)console.log(arr); |
[ 'G', 'e', 'e', 'k', 's', 'f', 'o', 'r', 'G', 'e', 'e', 'k', 's' ]
Method 5: Using slice() Method
The call() method is used to invoke the slice() method, treating the string as this value. This creates a new array where each character in the string is an element.
Example:
Javascript
let str = "Welcome to neveropen";let array = Array.prototype.slice.call(str);console.log(array); |
[ 'W', 'e', 'l', 'c', 'o', 'm', 'e', ' ', 't', 'o', ' ', 'G', 'e', 'e', 'k', 's', 'f', 'o', 'r', 'G', 'e', 'e', 'k', 's' ]
