How to split multiline string into an array of lines in JavaScript ?
Multiline string in JavaScript means a string having two or more lines. To split a multiline string to an array we need to use split() in our JavaScript code.
split(separator, limit): The split() function is used to split the data depending upon the attributes we are passing in it. The separator attributes specify that from this word/sign the string will be divided. The limit attribute is optional, it specifies how many splits will be there.
Example 1:
HTML
<!DOCTYPE html> <html> <body> <h1>Welcome to Geeks for Geeks</h1> <button onclick="myFunction()"> Go </button> <p id="StringToArray"></p> <script> function myFunction() { var string = "Are you ready?" + "<br>So let's get started"; var array = string.split("<br>"); document.getElementById("StringToArray") .innerHTML = array; } </script> </body> </html> |
Output:
In this, when we will click on the “Go” button the array of the multiline string will be displayed on the screen separated by “,”.
Example 2: Now, let’s see how to get a particular index of an array.
HTML
<!DOCTYPE html> <html> <body> <h1>Welcome to Geeks for Geeks</h1> <button onclick="myFunction()">Go</button> <p id="StringToArray"></p> <script> function myFunction() { var string = "Are you ready?" + "<br>So let's get started"; var array = string.split("<br>"); document.getElementById("StringToArray") .innerHTML = array[1]; } </script> </body> </html> |
Output:
As we wrote array[1], hence only the 2nd line has been printed. If we will write array[2], then it will be undefined as this array contains data in the first two indexes only that are 0 and 1 respectively.
Example 3: Now, let’s try to take string as an user input.
HTML
<!DOCTYPE html> <html> <body> <h1>Welcome to Geeks for Geeks</h1> <textarea id="write" placeholder="Write something" style="height:100px;"> </textarea> <button onclick="myFunction()">Go</button> <p id="StringToArray"></p> <script> function myFunction() { var string = document .getElementById("write").value; var array = string.split("."); document.getElementById("StringToArray") .innerHTML = array; } </script> </body> </html> |
Output:
.png)
