¿Cómo usar .join() con empujar y reemplazar juntos?

  • Método
    Array.join() El método array.join() es una función incorporada en JavaScript que se usa para unir los elementos de una array en una string. Los elementos de la string estarán separados por un separador específico y su valor predeterminado es coma (, ).

    Sintaxis:

    array.join(separator)
    
  • Método Array.push()

    La función array.push() se usa para insertar uno o más valores en una array. Esta función cambia la longitud de una array por el número de elementos agregados a la array. La sintaxis de la función es la siguiente:

    Sintaxis:

    arr.push(element1[, ...[, elementN]])
    

    Argumentos: esta función puede contener tantos argumentos como el número de elementos que se insertarán en la array.

    Valor de retorno:

  • Método Array.splice()

     Sintaxis:

    array.splice(start_index, delete_count, value1, value2, value3, ...)
    

Nota: el método Splice() elimina cero o más elementos de una array que comienza con el elemento start_index y reemplaza esos elementos con cero o más elementos especificados en la lista de argumentos.
 

Ejemplo: a continuación se muestra el ejemplo para ilustrar el uso del método .join() con el método push() y el método splice() juntos:

<!DOCTYPE html>
<html>
    <body>
        <center>
            <h1 style="color: green;">
              GeeksForGeeks
          </h1>
  
            <h2>use .join() with push and replace together</h2>
            <p>The join() method joins array elements into
              a string.</p>
            
            <p>The splice() method that helps us in order to
replace the items of an existing array by removing and inserting 
              new elements at the required/desired index.</p>
            
            <p>The push() method appends a new element to an 
              array.</p>
            <button onclick="myFunction()">Push</button>
            <p id="demo"></p>
            <br />
            <script>
                // Initializing the array
                var fruits = ["Banana", "Orange", "Apple", "Mango"];
                // joining the array elements using .join method
                document.getElementById(
                  "demo").innerHTML = fruits.join(" *");
  
                function myFunction() {
// splicing the array elements(delete_count=2, which will replace
//("Orange", "Apple" with "Lion", "Horse") using splice() method
                    fruits.splice(1, 2, "Lion", "Horse");
                    document.getElementById("demo").innerHTML = fruits;
// pushing the array elements("Kiwi, Grapes") using push() method
                    fruits.push("Kiwi, Grapes");
                    document.getElementById("demo").innerHTML = fruits;
// expected output [Banana, Lion, Horse, Mango, Kiwi, Grapes]
                }
            </script>
        </center>
    </body>
</html>

Producción:

Antes de hacer clic en el botón Empujar y empalmar:
 

Salida después de hacer clic en el botón Empujar y quitar:
 

Publicación traducida automáticamente

Artículo escrito por miniyadav1 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 *