How to Rotate Elements in an Array in JavaScript


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,

  1. We have an array named intArray containing integers.
  2. We implement a custom rotate function that shifts elements by a specified number of positions.
  3. 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,

  1. We have an array named strArray containing strings.
  2. We implement a custom rotate function that shifts elements by a specified number of positions.
  3. 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.




More JavaScript Arrays Tutorials

  1. How to Declare an Array in JavaScript ?
  2. How to Initialize an Array in JavaScript ?
  3. How to Access Array Elements in JavaScript ?
  4. How to Access Array Elements using Index in JavaScript ?
  5. How to get First Element in Array in JavaScript ?
  6. How to get Last Element in Array in JavaScript ?
  7. How to check if an Array is Empty in JavaScript ?
  8. How to check if an Array is Not Empty in JavaScript ?
  9. How to get Sub Array in JavaScript ?
  10. How to Get Array Length in JavaScript ?
  11. How to Iterate Over an Array in JavaScript ?
  12. How to Iterate Over an Array in Reverse Order in JavaScript ?
  13. How to get the Index of Specified Element in an Array in JavaScript ?
  14. How to check if Specified Element is present in the Array in JavaScript ?
  15. How to count the Number of Occurrences of Specified Element in the Array in JavaScript ?
  16. How to Sort an Array in JavaScript ?
  17. How to Sort an Array in Ascending Order in JavaScript ?
  18. How to Sort an Array in Descending Order in JavaScript ?
  19. How to create a Two Dimensional Array in JavaScript ?
  20. How to Iterate over a Two Dimensional Array in JavaScript ?
  21. How to create a Three Dimensional Array in JavaScript ?
  22. How to Copy an Array in JavaScript ?
  23. How to Split an Array in JavaScript ?
  24. How to Join Arrays in JavaScript ?
  25. How to check if Two Arrays are Equal in JavaScript ?
  26. How to check if Two Arrays have Same Elements (Regardless of Order) in JavaScript ?
  27. How to Convert an Array of Integers to an Array of Strings in JavaScript ?
  28. How to Convert an Array of Strings to an Array of Integers in JavaScript ?
  29. How to Reverse an Array in JavaScript ?
  30. How to Shuffle an Array in JavaScript ?
  31. How to Rotate Elements in an Array in JavaScript ?
  32. How to Filter Elements of an Array based on a Condition in JavaScript ?
  33. How to Declare an Integer Array in JavaScript ?
  34. How to Declare a Float Array in JavaScript ?
  35. How to Declare a String Array in JavaScript ?
  36. How to Remove Duplicates in an Array in JavaScript ?
  37. How to Remove Specific Element from an Array in JavaScript ?
  38. How to Remove Element from Array based on a Condition in JavaScript ?
  39. How to Sort a String Array in Dictionary Order in JavaScript ?
  40. How to Concatenate Strings in Array in JavaScript ?