实现一个 LRU 算法(Least Recently Used),可充分利用js 自带的数据结构。

javascript 复制代码
  class LRUCache {
    constructor(lenght) {
      this.length = lenght; // 存储长度
      this.data = new Map(); // 存储数据
    }
    // 存储数据,通过键值对的方式
    set(key, value) {
      const data = this.data;
      if (data.has(key)) {
        data.delete(key)
      }
      data.set(key, value);


      // 如果超出了容量,则需要删除最久的数据
      if (data.size > this.length) {
        const delKey = data.keys().next().value;
        data.delete(delKey);
      }
    }
    // 获取数据
    get(key) {
      const data = this.data;
      // 未找到
      if (!data.has(key)) {
        return null;
      }
      const value = data.get(key); // 获取元素
      data.delete(key); // 删除元素
      data.set(key, value); // 重新插入元素
    }
  }
    const lruCache = new LRUCache(5);
    lruCache.set('name', '小猪课堂');
    lruCache.set('age', 22);
    lruCache.set('sex', '男');
    lruCache.set('height', 176);
    lruCache.set('weight', '100');
    console.log(lruCache);

    lruCache.get('sex');
    console.log(lruCache);

资料来源:

面试官:请使用JS完成一个LRU缓存?

相关推荐
与光_同尘3 小时前
一个隐蔽的 DOM 陷阱:id="nodeName" 引发的血案
前端
雲墨款哥3 小时前
React小demo,评论列表
前端·react.js
青瓜达利园3 小时前
zustand 入门
前端
triumph_passion3 小时前
Tailwind CSS v4 深度指南:目录架构与主题系统
前端·css
UIUV3 小时前
React表单处理:受控组件与非受控组件全面解析
前端·javascript·react.js
henry4 小时前
React Native 横向滚动指示器组件库(淘宝|京东...&旧版|新版)
前端
一只爱吃糖的小羊4 小时前
JSBridge 传参陷阱:h5明明传了参数,安卓却收到为空
前端·javascript
实习生小黄4 小时前
window.print 实现简单打印
前端·javascript
Wect4 小时前
LeetCode 26.删除有序数组中的重复项:快慢指针的顺势应用
前端·typescript