How to Rotate Elements in an Array in JavaScript - Step by Step Examples

How to Rotate Elements in an Array in JavaScript ?

Answer

To rotate elements in an array using JavaScript, you can implement a custom rotation function that shifts elements by a specified number of positions.

✐ Examples

1 Rotate Array of Integers

In this example,

We have an array named intArray containing integers.
We implement a custom rotate function that shifts elements by a specified number of positions.
We print the rotated array to demonstrate the rotation.

JavaScript Program

function rotateArray(array, positions) {
    const n = array.length;
    positions %= n;
    reverseArray(array, 0, n - 1);
    reverseArray(array, 0, positions - 1);
    reverseArray(array, positions, n - 1);
    return array;
}

function reverseArray(array, start, end) {
    while (start < end) {
        const temp = array[start];
        array[start] = array[end];
        array[end] = temp;
        start++;
        end--;
    }
}

const intArray = [1, 2, 3, 4, 5];
console.log('Rotated Array:', rotateArray(intArray, 2));

Output

Rotated Array: [ 4, 5, 1, 2, 3 ]

2 Rotate Array of Strings

In this example,

We have an array named strArray containing strings.
We implement a custom rotate function that shifts elements by a specified number of positions.
We print the rotated array to demonstrate the rotation.

JavaScript Program

function rotateArray(array, positions) {
    const n = array.length;
    positions %= n;
    reverseArray(array, 0, n - 1);
    reverseArray(array, 0, positions - 1);
    reverseArray(array, positions, n - 1);
    return array;
}

function reverseArray(array, start, end) {
    while (start < end) {
        const temp = array[start];
        array[start] = array[end];
        array[end] = temp;
        start++;
        end--;
    }
}

const strArray = ['apple', 'banana', 'cherry', 'date', 'fig'];
console.log('Rotated Array:', rotateArray(strArray, 3));

Output

Rotated Array: [ 'cherry', 'date', 'fig', 'apple', 'banana' ]

Summary

In this tutorial, we learned How to Rotate Elements in an Array in JavaScript language with well detailed examples.

◀ Previous Next ▶

JavaScript Tutorials

JavaScript How-Tos

How to Rotate Elements in an Array in JavaScript - Step by Step Examples

How to Rotate Elements in an Array in JavaScript ?

Answer

✐ Examples

1 Rotate Array of Integers

JavaScript Program

Output

2 Rotate Array of Strings

JavaScript Program

Output

Summary

More JavaScript Arrays Tutorials