String multilínea en JavaScript significa una string que tiene dos o más líneas. Para dividir una string multilínea en una array, necesitamos usar split() en nuestro código JavaScript.
split(separador, límite): La función split() se usa para dividir los datos dependiendo de los atributos que le estemos pasando. Los atributos del separador especifican que a partir de esta palabra/signo se dividirá la string. El atributo de límite es opcional, especifica cuántas divisiones habrá.
Ejemplo 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>
Producción:
En esto, cuando hagamos clic en el botón «Ir», la array de la string multilínea se mostrará en la pantalla separada por «,».
Ejemplo 2: Ahora, veamos cómo obtener un índice particular de una 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>
Producción:
Como escribimos array[1], por lo tanto, solo se imprimió la segunda línea. Si escribimos array[2], entonces no estará definido ya que este array contiene datos en los dos primeros índices solamente que son 0 y 1 respectivamente.
Ejemplo 3: Ahora, intentemos tomar una string como entrada del usuario.
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>
Producción:
Publicación traducida automáticamente
Artículo escrito por gaursheetal322 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA