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