关于前端面试中常提到的LRU缓存策略详析

class LRUCache {
  constructor(length) {
    // 定义容器容量
    this.length = length;
    // 创建数据容器，生成一个空映射
    this.map = new Map();
  }
  // 设置key值
  set(key, value) {
  }
  // 获取key值
  get(key) {}
}

class LRUCache {
  constructor(length) {
    // 定义容器容量
    this.length = length;
    // 定义数据容器
    this.map = new Map();
  }
  // 设置key值
  set(key, value) {
    // 如果容器容量超过设定的容量
    if (this.map.size >= this.length) {
      // 等价于：let firsTKEy = this.map.keys()[0]
      //map.keys().next()查询容器中第一条数据的key值 
      //keys()会返回一个迭代器对象，包含了实力对象中的每一个key值
      let firstKey = this.map.keys().next().value;
      //删除容器中第一条数据
      this.map.delete(firstKey);
    }
    // 容器中存在key就先删除掉
    if (this.map.has(key)) {
      this.map.delete(key);
    }
    // 删除后重新加入该条数据
    this.map.set(key, value);
  }
  // 获取key值
  get(key) {
    // 获取key值不存在返回null
    if (!this.map.has(key)) {
      return null;
    }
    // 获取key值
    let value = this.map.get(key);
    //删除容器中的该条数据
    this.map.delete(key);
    //重新把该条数据添加到容器中
    this.map.set(key, value);
    return value
  }
}
// 创建实例对象并设置容器大小
const lruCache = new LRUCache(5)

        lruCache.set('name', 'zhangsan')
		lruCache.set('class', 'xinguan')
		lruCache.set('age', 19)
		lruCache.set('sex', '男')
		lruCache.set('occupation', '前端工程师')
		lruCache.set('year', '2023')
		console.log(lruCache, 'lruCache')

console.log(lruCache.get('class'), 'lruCache')//xinguan