как реализовать функции вперед и назад, такие как браузер

Я хочу реализовать такие функции, как назад и вперед, в моем проекте, как в браузере, например, на веб-странице, у нас есть экран. я пробовал сначала m устанавливаю currentscreenindex = -1

, и когда приходят данные первого экрана, выполните эту функцию

In screen data arrive function (){
   this.currentscreenindex++; 
   this.screenvisited[this.currentscreenindex]=data;

}

Вот моя обратная функция, которую я пробовал:

back(){
    currentscreenindex--;
    var screen=screenvisited[currentscreenindex];
    // will go to this screen
}

, но вот в чем моя проблема:

                    currentscreenindex  screen data in screenvisted array
When 1st screen arrived     0     Data of 1st screen 
When 2st screen arrived     1     Data of 2st screen 
When 3st screen arrived     2     Data of 3st screen 
When 4st screen arrived     3     Data of 4st screen 
When 5st screen arrived     4     Data of 5st screen 
when user click back button 3     call the screen is set to 4th gib, 

, поэтому, когда поступят данные с 4-го экрана, текущий индекс будет увеличиваться так currentindex = 4 , а данные в текущем индексе 4 будут с 4-го экрана, я думаю, что это неверно, потому что если данные на currentindex = 4 будет изменен, тогда я не смогу выполнить пересылку, если да, пожалуйста, скажите, как я могу это исправить?

подскажите, пожалуйста, как я могу написать правильную функцию перемотки вперед и назад, чтобы выполнять те же функции, что и браузер.