¿Cómo rotar elementos de array usando JavaScript?

Dada una array que contiene algunos elementos de array y la tarea es realizar la rotación de la array con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación:

Enfoque 1: podemos usar el método Array unshift() y el método Array pop() para extraer primero el último elemento de la array y luego insertarlo al principio de la array.

Ejemplo: este ejemplo gira los elementos de la array.

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Rotate the elements in an array
        by using JavaScript Methods
    </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 = ['GFG_1', 'GFG_2', 'GFG_3', 'GFG_4'];
        var up = document.getElementById("GFG_UP");
  
        up.innerHTML = "Click on the button to perform"
                     + " the operation<br>Array - ["
                    + array + "]";
  
        var down = document.getElementById("GFG_DOWN");
  
        function arrayRotate(arr) {
            arr.unshift(arr.pop());
            return arr;
        }
          
        function myGFG() {
            array = arrayRotate(array);
            down.innerHTML = "elements of array = ["
                            + array + "]";
        }
    </script>
</body>
  
</html>

Producción:

Enfoque 2: podemos usar el método Array push() y el método Array shift() para desplazar el primer elemento y luego insertarlo al final.

Ejemplo: este ejemplo gira los elementos de la array.

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Rotate the elements in an array
        by using JavaScript Methods
    </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 = ['GFG_1', 'GFG_2', 'GFG_3', 'GFG_4'];
        var up = document.getElementById("GFG_UP");
        up.innerHTML = "Click on the button to perform"
                     + " the operation<br>Array - ["
                    + array + "]";
  
        var down = document.getElementById("GFG_DOWN");
  
        function arrayRotate(arr) {
            arr.push(arr.shift());
            return arr;
        }
          
        function myGFG() {
            array = arrayRotate(array);
            down.innerHTML = "elements of array = ["
                           + array + "]";
        }
    </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