设计浏览器历史记录这是我参与「掘金日新计划 · 2 月更文挑战」的第 28 天，点击查看活动详情问题描述你有一个只支

这是我参与「掘金日新计划 · 2 月更文挑战」的第 28 天，点击查看活动详情

问题描述

你有一个只支持单个标签页的 浏览器 ，最开始你浏览的网页是 homepage ，你可以访问其他的网站 url ，也可以在浏览历史中后退 steps 步或前进 steps 步。

请你实现 BrowserHistory 类：

BrowserHistory(string homepage) ，用 homepage 初始化浏览器类。
void visit(string url) 从当前页跳转访问 url 对应的页面。执行此操作会把浏览历史前进的记录全部删除。
string back(int steps) 在浏览历史中后退 steps 步。如果你只能在浏览历史中后退至多 x 步且 steps > x ，那么你只后退 x 步。请返回后退至多 steps 步以后的 url 。
string forward(int steps) 在浏览历史中前进 steps 步。如果你只能在浏览历史中前进至多 x 步且 steps > x ，那么你只前进 x 步。请返回前进至多 steps步以后的 url 。

示例：

输入：
["BrowserHistory","visit","visit","visit","back","back","forward","visit","forward","back","back"]
[["leetcode.com"],["google.com"],["facebook.com"],["youtube.com"],[1],[1],[1],["linkedin.com"],[2],[2],[7]]
输出：
[null,null,null,null,"facebook.com","google.com","facebook.com",null,"linkedin.com","google.com","leetcode.com"]

解释：
BrowserHistory browserHistory = new BrowserHistory("leetcode.com");
browserHistory.visit("google.com");       // 你原本在浏览 "leetcode.com" 。访问 "google.com"
browserHistory.visit("facebook.com");     // 你原本在浏览 "google.com" 。访问 "facebook.com"
browserHistory.visit("youtube.com");      // 你原本在浏览 "facebook.com" 。访问 "youtube.com"
browserHistory.back(1);                   // 你原本在浏览 "youtube.com" ，后退到 "facebook.com" 并返回 "facebook.com"
browserHistory.back(1);                   // 你原本在浏览 "facebook.com" ，后退到 "google.com" 并返回 "google.com"
browserHistory.forward(1);                // 你原本在浏览 "google.com" ，前进到 "facebook.com" 并返回 "facebook.com"
browserHistory.visit("linkedin.com");     // 你原本在浏览 "facebook.com" 。 访问 "linkedin.com"
browserHistory.forward(2);                // 你原本在浏览 "linkedin.com" ，你无法前进任何步数。
browserHistory.back(2);                   // 你原本在浏览 "linkedin.com" ，后退两步依次先到 "facebook.com" ，然后到 "google.com" ，并返回 "google.com"
browserHistory.back(7);                   // 你原本在浏览 "google.com"， 你只能后退一步到 "leetcode.com" ，并返回 "leetcode.com"

提示：

1 <= homepage.length <= 20
1 <= url.length <= 20
1 <= steps <= 100
homepage 和 url 都只包含 '.' 或者小写英文字母。
最多调用 5000 次 visit， back 和 forward 函数。

思路分析

首先我们先要理解一下题目意思，我们需要实现一个数据结构，可以模拟浏览器历史记录，主要需要实现以下几个功能：

1、BrowserHistory

用 homepage 初始化浏览器类，初始化的时候会传入一个url，这个url将作为浏览器的主页，即为浏览历史的第一个记录，该记录无法删除。

使用一个数组保存浏览记录，初始化时将首页url放入数组，使用一个变量来记录当前浏览页面在数组中的下标，具体代码如下：

var BrowserHistory = function (homepage) {
  this.list = [homepage];
  this.ind = 0;
};

2、visit

从当前页跳转访问 url 对应的页面。执行此操作会把浏览历史前进的记录全部删除。跳转到新页面，需要把跳转前页面之后的浏览记录全部删除.

将当前浏览页面下标往后的浏览记录全部从数组中删除，并更新当前浏览页面下标，具体代码如下：

BrowserHistory.prototype.visit = function (url) {
  this.ind++;
  while (this.list.length > this.ind) this.list.pop();
  this.list.push(url);
};

3、back

在浏览历史中后退 steps 步。如果你只能在浏览历史中后退至多 x 步且 steps > x ，那么你只后退 x 步。请返回后退至多 steps 步以后的 url 。

将当前浏览页面下标减去steps，这里需要主要，最多只能回退到首页，也就是说浏览页面下标不能小于0，并将数组中该下标的数据返回，具体代码如下：

BrowserHistory.prototype.back = function (steps) {
  this.ind -= Math.min(steps, this.ind);
  return this.list[this.ind];
};

4、forward

在浏览历史中前进 steps 步。如果你只能在浏览历史中前进至多 x 步且 steps > x ，那么你只前进 x 步。请返回前进至多 steps步以后的 url

将当前浏览下标加上steps，这里需要注意下标不能超过浏览历史数组的长度，并将数组中该下标的数据返回,具体代码如下：

BrowserHistory.prototype.forward = function (steps) {
  this.ind += steps;
  this.ind = Math.min(this.ind, this.list.length - 1);
  return this.list[this.ind];
};

完整 AC 代码如下：

AC 代码

/**
 * @param {string} homepage
 */
var BrowserHistory = function (homepage) {
  this.list = [homepage];
  this.ind = 0;
};

/**
 * @param {string} url
 * @return {void}
 */
BrowserHistory.prototype.visit = function (url) {
  this.ind++;
  while (this.list.length > this.ind) this.list.pop();
  this.list.push(url);
};

/**
 * @param {number} steps
 * @return {string}
 */
BrowserHistory.prototype.back = function (steps) {
  this.ind -= Math.min(steps, this.ind);
  return this.list[this.ind];
};

/**
 * @param {number} steps
 * @return {string}
 */
BrowserHistory.prototype.forward = function (steps) {
  this.ind += steps;
  this.ind = Math.min(this.ind, this.list.length - 1);
  return this.list[this.ind];
};

/**
 * Your BrowserHistory object will be instantiated and called as such:
 * var obj = new BrowserHistory(homepage)
 * obj.visit(url)
 * var param_2 = obj.back(steps)
 * var param_3 = obj.forward(steps)
 */

说在后面

本人为算法业余爱好者，平时只是随着兴趣偶尔刷刷题，如果上面分享有错误的地方，欢迎指出，感激不尽。