¿Cómo realizar la operación unshift sin usar el método unshift() en JavaScript?

La tarea es realizar una operación de cambio sin usar el método unshift() con la ayuda de jQuery. Hay dos enfoques que se analizan a continuación:

Enfoque 1: Podemos usar el método Array concat() que se usa para unir dos o más arrays. Simplemente pase newElement como arrays de tamaño 1 y el resto de la array.

Ejemplo:

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        How to perform the unshift() operation 
        without using it in JavaScript
    </title>
</head>
  
<body style="text-align:center;">
    <h1 style="color:green;"> 
            GeeksforGeeks 
    </h1>
    <p id="GFG_UP">
    </p>
    <button onclick="myGFG()">
        Click Here
    </button>
    <p id="GFG_DOWN">
    </p>
    <script>
        var array = ['Geeks', 'GFG', 'Geek', 'GeeksforGeeks'];
        var up = document.getElementById("GFG_UP");
        up.innerHTML = "Array = [" + array + "]";
        var down = document.getElementById("GFG_DOWN");
  
        function myGFG() {
            var newElement = 'gfg';
            newArray = [newElement].concat(array);
            down.innerHTML = "Elements of array = ["
                              + newArray + "]";
        }
    </script>
</body>
  
</html>

Producción:

Enfoque 2: podemos usar el operador de propagación ES6 para realizar la operación.

Ejemplo:

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        How to perform the unshift() operation without 
        using it in JavaScript
    </title>
</head>
  
<body style="text-align:center;">
    <h1 style="color:green;"> 
            GeeksforGeeks 
    </h1>
    <p id="GFG_UP">
    </p>
    <button onclick="myGFG()">
        Click Here
    </button>
    <p id="GFG_DOWN">
    </p>
    <script>
        var array = ['Geeks', 'GFG', 'Geek', 'GeeksforGeeks'];
        var up = document.getElementById("GFG_UP");
        up.innerHTML = "Array = [" + array + "]";
        var down = document.getElementById("GFG_DOWN");
  
        function myGFG() {
            var newElement = 'gfg';
            newArray = [newElement, ...array];
            down.innerHTML = "elements of array = ["
                            + newArray + "]";
        }
    </script>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta