¿Cuál es la diferencia entre el método unshift() y Push() en JavaScript?

El método JavaScript Unshift() es muy similar al método push() pero la diferencia es que el método unshift() agrega los elementos al principio de la array, mientras que el método push() los agrega al final de la array.

Los siguientes puntos enumeran los más comunes.

Ambos métodos se utilizan para agregar los elementos a la array. 

  • Ambos métodos cambian la longitud de la array por el número de elementos agregados a la array.
  • Ambos métodos se utilizan para aumentar la longitud de la array.
  • Tanto unshift() como push() son los métodos integrados de la array de objetos.
  • Ambos métodos cambian la array original.
  • Ambos métodos devuelven el elemento recién agregado.

Diferencia entre Unshift() y Push():

La pequeña diferencia es que el método unshift() agrega el elemento en el índice 0 y todos los valores se desplazan en 1 al devolver finalmente la longitud de la array. El método push() devuelve el último elemento agregando un nuevo elemento del último índice.

Ejemplo: a continuación se muestra el ejemplo del método Array unshift() .

Javascript

<script> 
function func() { 
      
    // Original array 
    var array = ["GFG", "Geeks", "for", "Geeks"]; 
  
    // Checking for condition in array 
    var value = array.unshift("GeeksforGeeks"); 
  
    document.write(value); 
    document.write("<br />"); 
    document.write(array); 
} 
  
func(); 
</script> 

Producción:

GeeksforGeeks,GFG,Geeks,for,Geeks. 

Ejemplo 2: a continuación se muestra el ejemplo del método  Array push() .

Javascript

<script> 
    function func() { 
        var arr = ['GFG', 'gfg', 'g4g']; 
      
        // Pushing the element into the array 
        arr.push('GeeksforGeeks'); 
                document.write(arr); 
      
    } 
    func(); 
</script>                 

Producción: 

GFG,gfg,g4g,GeeksforGeeks 

Publicación traducida automáticamente

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