How to shift an array by removing the first element?

Question

Vue.js

I want to make some "shift" of the array so that it works like this:

there is an array:

[
  {
   id: 1
   },
   {
    id: 2
    }
]

after that another object should be added, but the very first object (where id: 1) should be removed, creating a "shift" .

I wrote this code:

setInterval(() => {
          step++;
          // let rand = this.cases[getRandomInt(3)]
          carousel.style.right = step * 2 + "px";
          // carousel.appendChild(rand);
        }, time);
        setInterval(() => {
           this.cases.push(this.cases[getRandomInt(8)])
            this.cases.shift()
        }, 1000);

well, and an array:


But my code does not work the way I described it above.
How to do the same?

after that another object should be added, but the very first object (where id: 1) should be removed, creating a "shift" .

Answer 1

https://ru.vuejs.org/v2/guide/transitions.html#Ani...