Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
How to get character array from string in JavaScript ?
The string in JavaScript can be converted into a character array by using the split() and Array.from() functions.
Using String split() Function:
The str.split() function is used to split the given string into array of strings by separating it into substrings using a specified separator provided in the argument.
Syntax:
str.split(separator, limit)
Example:
html
<!DOCTYPE html><html> <head> <title> String to a character array </title></head> <body style="text-align:center;"> <h1>GeeksforGeeks</h1> <p id="one">GeeksforGeeks: A computer science portal</p> <input type="button" value="Click Here!" onclick="myGeeks()"> <script> function myGeeks() { var str = document.getElementById("one").innerHTML; document.getElementById("one").innerHTML = str.split(""); } </script></body> </html> |
Output:
Using Array.from() Function:
The Array.from() function is an inbuilt function in JavaScript which creates a new array instance from a given array. In case of a string, every alphabet of the string is converted to an element of the new array instance and in case of integer values, new array instance simple take the elements of the given array.
Syntax:
Array.from(str)
Example:
html
<!DOCTYPE html><html> <head> <title> String to a character array </title></head> <body style="text-align:center;"> <h1>GeeksforGeeks</h1> <p id="one">GeeksforGeeks: A computer science portal</p> <input type="button" value="Click Here!" onclick="myGeeks()"> <script> function myGeeks() { var str = document.getElementById("one").innerHTML; document.getElementById("one").innerHTML = Array.from(str); } </script></body> </html> |
Output:
Using Spread Operator:
Spread operator allows an iterable to expand in place. In case of string it example string into character and we capture all the character of string in array.
Syntax:
var variableName = [ ...value ];
Example:
HTML
<!DOCTYPE html><html> <head> <title> String to a character array </title></head> <body style="text-align:center;"> <h1>GeeksforGeeks</h1> <p id="one">GeeksforGeeks: A computer science portal</p> <input type="button" value="Click Here!" onclick="myGeeks()"> <script> function myGeeks() { var str = document.getElementById("one").innerHTML; document.getElementById("one").innerHTML = [...str]; } </script></body> </html> |
Output:
JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.
Please Login to comment...