Array Rotation in JS

Hello Guys today i will show you how to rotate left 1-d array in JS
The rotation will depent on the input like 2 means rotation.
A left rotation operation on an array of size n shifts each of the array's elements 1 unit to the left.

Let's get started...

function rotateLeft(d, arr) {
    // Write your code here
    let newArray = []
    if(d > arr.length){
      return "Rotation value cannot be bigger than array length"
    }
    else{
      for(let i=0;i<d;i++){
        newArray.push(arr.shift(i))
      }

      let rotated = arr.concat(newArray)
      return rotated
    }

}

let array = [1,2,3,4,5,6]
let rotation = 2
console.log(rotateLeft(rotation,array))

Output -

[ 3, 4, 5, 6, 1, 2 ]

Working

• Inside the function , we have created an empty array which will hold the elements after rotation.
• After that we provide a condition where we will check if the number of rotation is greater than the array length or not.
• In the else part , we used the for loop up to the number of rotations (exclusive, means if the rotation value is 4 then the for loop will be executed from 0-3)
• Inside the loop we removed the element from the starting up to the rotation value - 1(because array index starts from 0) and then pushed those removed elements in the empty array we have created.
• In the end we have combined the original array with array containing the removed elements which will come at the end.

If you have a better approach or solution to this code , please mention it in the comment section.

THANK YOU FOR CHECKING THIS POST
^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/javascript-map-with-filter-2jgo

https://dev.to/shubhamtiwari909/e-quotes-3bng

https://dev.to/shubhamtiwari909/deploy-react-app-on-netlify-kl

Comments

[Medet Tleukabiluly ✎]

return arr.slice(d).concat(arr.slice(0, d)) is enough

[JoelBonetR 🥇]

Also Number.parseInt(arr.length % d) could be useful in case the number is greater than the arr length.

const completeRotations = arr.length / d;

let extraSteps = Number.parseInt(arr.length % d);

With that you can simply do a single complete rotation and keeo going the extra steps instead of failing 😁

[Shubham Tiwari]

Thank you i will try this as well 😉

[Shubham Tiwari]

Thank you i will try this
Can you please explain this code?
I am getting a bit confused with it

[peerreynders]

function rotateLeft(d, arr) {
  const endToBegin = arr.slice(d);
  const beginToEnd = arr.slice(0, d);
  return endToBegin.concat(beginToEnd);
}

const array = [1, 2, 3, 4, 5, 6];
const rotation = 2;
console.log(rotateLeft(rotation, array)); // [3, 4, 5, 6, 1, 2]

Better?

Array.prototype.slice() - JavaScript | MDN

The slice() method returns a shallow copy of a portion of an array into a new array object selected from start to end (end not included) where start and end represent the index of items in that array. The original array will not be modified.

developer.mozilla.org

[Shubham Tiwari]

Got it thank you for explaining 😉