How to rotate array elements by using JavaScript ?

How to rotate array elements by using JavaScript ?

Last Updated : 30 Jun, 2023

Given an array containing some array elements and the task is to perform the rotation of the array with the help of JavaScript.

There are two approaches that are discussed below:

Using Array unshift() and pop() Methods
Using Array push() and shift() Methods

Method 1: Using Array unshift() and pop() Methods

We can use the Array unshift() method and Array pop() method to first pop the last element of the array and then insert it at the beginning of the array.

Example: This example rotates the array elements using the above approach.

JavaScript

let Arr = ['GFG_1', 'GFG_2', 'GFG_3', 'GFG_4'];

function arrayRotate(arr) {
    arr.unshift(arr.pop());
    return arr;
}

function myGFG() {
    let rotateArr = arrayRotate(Arr);
    console.log("Elements of array = ["
        + rotateArr + "]");
}

myGFG();

Output

Elements of array = [GFG_4,GFG_1,GFG_2,GFG_3]

Method 2: Using Array push() and shift() Methods

We can use the Array push() method and Array shift() method to shift the first element and then insert it at the end.

Example: This example rotates the array elements using the above approach

JavaScript

let Arr = ['GFG_1', 'GFG_2', 'GFG_3', 'GFG_4'];

function arrayRotate(arr) {
    arr.push(arr.shift());
    return arr;
}

function myGFG() {
    let rotateArr = arrayRotate(Arr);
    console.log("Elements of array = ["
        + rotateArr + "]");
}

myGFG();

Output

Elements of array = [GFG_2,GFG_3,GFG_4,GFG_1]

How to rotate array elements by using JavaScript ?

P

PranchalKatiyar

Improve

Article Tags :

Similar Reads

How to rotate an HTML div element 90 degrees using JavaScript ?

An element can be rotated 90 degrees by using the transform property. This property is used to move, rotate, scale, and others to perform various kinds of transformation to elements.Â ApproachThe rotate() transformation function can be used as the value to rotate the element. It takes one parameter

How to delete an element from an array using JavaScript ?

The array is a type of data structure that allows us to store similar types of data under a single variable. The array is helpful to create a list of elements of similar types, which can be accessed using their index. In this article, we will discuss different ways to remove elements from the array.

How to rotate an element using CSS ?

The purpose of this article is to rotate an HTML element by using CSS transform property. This property is used to move, rotate, scale and to perform various kinds of transformation of elements. The rotate() function can be used to rotate any HTML element or used for transformations. It takes one pa

How to Shuffle the Elements of an Array in JavaScript?

Shuffle an array means randomly change the order of array elements. This is useful for creating random arrangements, like shuffling a deck of cards or randomizing a list. There are different wats to shuffle the elements of an array in JavaScript:1. Using Fisher-Yates (Knuth) ShuffleThis algorithm al

How to Shuffle an Array using JavaScript ?

To shuffle a JavaScript array we can use the Fisher-Yates shuffle also known as knuth shuffle. It will sort the given array in a random order with the help of the math.random() function.1. Shuffle JavaScript Array Using Fisher-Yates ShuffleThe Fisher-Yates Shuffle iterates through the array in rever

Swapping two array elements in a single line using JavaScript

In JavaScript, there exist many ways by which one can swap two array elements. In this article, we will discuss a way in which one can swap two array elements in JavaScript in a single line. The input and output would be as follows. Input: arr = { 10, 20, 40, 30 }Output: arr = { 10, 20, 30, 40 } //

How to convert a DOM nodelist to an array using JavaScript ?

NodeList objects are the collection of nodes, usually returned by properties such as Node.childNodes and methods such as document.querySelectorAll(). Although NodeList is not an actual Array but it is possible to iterate over it with the help of forEach() method. NodeList can also be converted into

Rotate an Array to the Right by K Steps using JavaScript

One can Rotate an array to the left by k steps using JavaScript. We are given an input array and a value k we have to rotate that array by k steps in the right direction.Example:Input arr = [1 , 2 , 3 , 4 , 5 ]k = 3 Output arr = [ 3 , 4 , 5 , 1 , 2]Below are different approaches to Rotate an array t

JavaScript - Select a Random Element from JS Array

Selecting a random element from array in JavaScript is done by accessing an element using random index from the array. We can select the random element using the Math.random() function. How to select a random element from an array in JavaScript?1. Using Math.random() MethodThe Math.random() method i

How to Swap Two Array of Objects Values using JavaScript ?

Swapping values between two arrays of objects is a common operation in JavaScript, there are multiple methods to swap values between arrays of objects efficiently. Swapping values between arrays can be useful in scenarios like reordering data, shuffling items, or performing certain algorithms. These