JavaScrip实现一个有时间限制的缓存类的方式

 更新时间:2024年01月15日 08:24:07   作者:JYeontu  
本文将探索 JavaScript 中一种基于自动过期机制的时间限制缓存实现方式,提高数据缓存策略的灵活性和效率,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下

脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用

题目描述

编写一个类,它允许获取和设置键-值对,并且每个键都有一个 过期时间 。

该类有三个公共方法:

set(key, value, duration) :接收参数为整型键 key 、整型值 value 和以毫秒为单位的持续时间 duration 。一旦 duration 到期后,这个键就无法访问。如果相同的未过期键已经存在,该方法将返回 true ,否则返回 false 。如果该键已经存在,则它的值和持续时间都应该被覆盖。

get(key) :如果存在一个未过期的键,它应该返回这个键相关的值。否则返回 -1 。

count() :返回未过期键的总数。

示例 1:

1
2
3
4
5
6
7
8
9
10
11
12
输入:
actions = ["TimeLimitedCache", "set", "get", "count", "get"]
values = [[], [1, 42, 100], [1], [], [1]]
timeDeays = [0, 0, 50, 50, 150]
输出: [null, false, 42, 1, -1]
解释:
在 t=0 时,缓存被构造。
在 t=0 时,添加一个键值对 (1: 42) ,过期时间为 100ms 。因为该值不存在,因此返回false。
在 t=50 时,请求 key=1 并返回值 42。
在 t=50 时,调用 count() ,缓存中有一个未过期的键。
在 t=100 时,key=1 到期。
在 t=150 时,调用 get(1) ,返回 -1,因为缓存是空的。

示例 2:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
输入:
actions = ["TimeLimitedCache", "set", "set", "get", "get", "get", "count"]
values = [[], [1, 42, 50], [1, 50, 100], [1], [1], [1], []]
timeDelays = [0, 0, 40, 50, 120, 200, 250]
输出: [null, false, true, 50, 50, -1]
解释:
在 t=0 时,缓存被构造。
在 t=0 时,添加一个键值对 (1: 42) ,过期时间为 50ms。因为该值不存在,因此返回false。
当 t=40 时,添加一个键值对 (1: 50) ,过期时间为 100ms。因为一个未过期的键已经存在,返回 true 并覆盖这个键的旧值。
在 t=50 时,调用 get(1) ,返回 50。
在 t=120 时,调用 get(1) ,返回 50。
在 t=140 时,key=1 过期。
在 t=200 时,调用 get(1) ,但缓存为空,因此返回 -1。
在 t=250 时,count() 返回0 ,因为缓存是空的,没有未过期的键。

提示:

  • 0 <= key, value <= 109
  • 0 <= duration <= 1000
  • 1 <= actions.length <= 100
  • actions.length === values.length
  • actions.length === timeDelays.length
  • 0 <= timeDelays[i] <= 1450
  • actions[i] 是 "TimeLimitedCache"、"set"、"get" 和 "count" 中的一个。
  • 第一个操作始终是 "TimeLimitedCache" 而且一定会以 0 毫秒的延迟立即执行

解题思路

1、构造函数 TimeLimitedCache 创建了一个新的 Map 对象,并将其赋值给实例属性 map

1
2
3
var TimeLimitedCache = function () {
    this.map = new Map();
};

2、set 方法用于向缓存中添加一个键值对,并设置该键值对的过期时间

  • 首先,该方法调用 get 方法检查缓存中是否已存在相同的键,如果存在,则将返回值 res 设置为 false,表示未过期的键已经存在;
  • 然后,创建一个包含 exceedTime 和 value 的对象,其中 exceedTime 表示过期时间,通过当前时间加上指定的持续时间计算得到;
  • 最后,将键值对存储在 map 中,并返回 res。
1
2
3
4
5
6
7
8
9
10
TimeLimitedCache.prototype.set = function (key, value, duration) {
    let res = true;
    if(this.get(key) == -1) res = false;
    const obj = {
        exceedTime :new Date().getTime() + duration,
        value
    };
    this.map.set(key,obj);
    return res;
};

3、get 方法用于获取指定键的值

  • 首先,通过键从 map 中获取对应的值对象 obj;
  • 如果找不到该键,则返回 -1 表示未找到;
  • 然后,获取值对象中的过期时间 exceedTime;
  • 如果过期时间小于等于当前时间,则表示键已过期,返回 -1;
  • 否则,返回值对象的值。
1
2
3
4
5
6
7
TimeLimitedCache.prototype.get = function (key) {
    const obj = this.map.get(key);
    if(!obj) return -1;
    const exceedTime = obj.exceedTime;
    if(exceedTime <= new Date().getTime()) return -1;
    return obj.value;
};

4、count 方法用于计算缓存中未过期的键的数量

  • 首先,定义一个变量 cnt 并将其初始化为 0,用于记录未过期的键的数量;
  • 获取当前时间 dateTime;
  • 然后,使用 forEach 方法遍历 map 中的每个值对象 obj;
  • 对于每个值对象,获取其过期时间 exceedTime;
  • 如果过期时间大于当前时间,则将计数器 cnt 加一;
  • 最后,返回计数器 cnt 的值。
1
2
3
4
5
6
7
8
9
TimeLimitedCache.prototype.count = function () {
    let cnt = 0;
    const dateTime = new Date().getTime();
    this.map.forEach(obj=>{
        const exceedTime = obj.exceedTime;
        if(exceedTime > dateTime) cnt++;
    })
    return cnt;
};

AC代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
var TimeLimitedCache = function () {
    this.map = new Map();
};
 
/**
 * @param {number} key
 * @param {number} value
 * @param {number} duration time until expiration in ms
 * @return {boolean} if un-expired key already existed
 */
TimeLimitedCache.prototype.set = function (key, value, duration) {
    let res = true;
    if(this.get(key) == -1) res = false;
    const obj = {
        exceedTime :new Date().getTime() + duration,
        value
    };
    this.map.set(key,obj);
    return res;
};
 
/**
 * @param {number} key
 * @return {number} value associated with key
 */
TimeLimitedCache.prototype.get = function (key) {
    const obj = this.map.get(key);
    if(!obj) return -1;
    const exceedTime = obj.exceedTime;
    if(exceedTime <= new Date().getTime()) return -1;
    return obj.value;
};
 
/**
 * @return {number} count of non-expired keys
 */
TimeLimitedCache.prototype.count = function () {
    let cnt = 0;
    const dateTime = new Date().getTime();
    this.map.forEach(obj=>{
        const exceedTime = obj.exceedTime;
        if(exceedTime > dateTime) cnt++;
    })
    return cnt;
};
 
/**
 * const timeLimitedCache = new TimeLimitedCache()
 * timeLimitedCache.set(1, 42, 1000); // false
 * timeLimitedCache.get(1) // 42
 * timeLimitedCache.count() // 1
 */

说在后面

到此这篇关于JavaScrip实现一个有时间限制的缓存类的方式的文章就介绍到这了,更多相关JavaScrip缓存类内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

蓄力AI

微信公众号搜索 “ 脚本之家 ” ,选择关注

程序猿的那些事、送书等活动等着你

原文链接:https://juejin.cn/post/7323205509867143220

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!

相关文章

  • JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接

    JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接

    JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接...
    2007-01-01
  • JavaScript保留两位小数的2个自定义函数

    JavaScript保留两位小数的2个自定义函数

    这篇文章主要介绍了JavaScript保留两位小数的2个自定义函数,需要的朋友可以参考下
    2014-05-05
  • 让js弹出窗口居前显示的实现方法

    让js弹出窗口居前显示的实现方法

    一般来说,显示在最前面的窗口都是因为窗口被激活获得焦点,要使窗口永远显示在最前面,可以人为的设置窗口在blur时立刻focus,或者用模式、无模式对话框实现
    2013-07-07
  • 关于JS中的方法是否加括号的问题

    关于JS中的方法是否加括号的问题

    在我们js编写程序的时候,我们会写很多函数然后调用它们,那么这些函数调用的时候什么时候加()什么时候不加()呢?下面小编给大家简单介绍下
    2016-07-07
  • 跨域资源共享 CORS 详解

    跨域资源共享 CORS 详解

    所有浏览器都支持该功能IE浏览器不能低于IE10.整个CORS通信过程都是浏览器自动完成不需要用户参与。对于开发者来说CORS通信与同源的AJAX通信没有差别代码完全一样浏览器一旦发现AJAX请求跨源就会自动添加一些附加的头信息有时还会多出一次附加的请求,但用户不会有感觉。
    2016-04-04
  • 使用javascript实现简单的选项卡切换

    使用javascript实现简单的选项卡切换

    本文主要介绍了使用javascript实现简单的选项卡切换的效果,代码非常的简单,兼容性十分棒,这里推荐给小伙伴们。
    2015-01-01
  • javascript数组中的concat方法和splice方法

    javascript数组中的concat方法和splice方法

    这篇文章主要介绍了javascript数组中的concat方法和splice方法,concat方法作用合并数组,可以合并一个或多个数组,会返回合并数组之后的数据,不会改变原来的数组,更多相关内容需要的小伙伴可以参考下面文章内容
    2022-03-03
  • js脚本分页代码分享(7种样式)

    js脚本分页代码分享(7种样式)

    这篇文章主要介绍了7种JS脚本分页样式,推荐给大家,有需要的小伙伴可以参考下。
    2015-08-08
  • JS实现的表头列头固定页面功能示例

    JS实现的表头列头固定页面功能示例

    这篇文章主要介绍了JS实现的表头列头固定页面功能,涉及javascript针对页面元素及表格样式动态操作相关技巧,需要的朋友可以参考下
    2017-01-01
  • 一文学会JavaScript如何手写防抖节流

    一文学会JavaScript如何手写防抖节流

    其实防抖和节流不仅仅在面试中会让大家手写,在实际项目中也可以起到性能优化的作用,所以还是很有必要掌握的。这篇文章就带大家彻底学会JavaScript手写防抖节流,希望对大家有所帮助
    2022-11-11

最新评论