¿Cómo dividir una string multilínea en una array de líneas en JavaScript?

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *