如何在JavaScript/Node.js中设置数组内元素的过期自动移除？

原生JS数组没有内置元素自动过期的能力，通过简单的封装就可以实现这个需求，以下是逻辑最简单、易于理解的实现示例：

核心实现思路 #

• 封装自定义的数组操作类，存储元素时同时记录对应的过期时间戳
• 添加元素时启动延时定时器，到达过期时间后自动删除对应元素
• 读取元素时额外过滤一次过期元素，避免定时器延迟导致的残留问题，稳定性更高

最简可运行示例 #

// 自定义带过期能力的数组类
class ExpiringArray {
  constructor() {
    // 内部存储结构：保存元素值 + 过期时间戳
    this.innerList = []
  }

  /**
   * 添加元素方法
   * @param {any} item 要存入的元素
   * @param {number} expireMs 过期时间，单位为毫秒
   */
  add(item, expireMs) {
    const entry = {
      value: item,
      expireAt: Date.now() + expireMs
    }
    this.innerList.push(entry)

    // 设置定时器，到期自动删除该元素
    setTimeout(() => {
      const targetIndex = this.innerList.findIndex(i => i === entry)
      if (targetIndex > -1) {
        this.innerList.splice(targetIndex, 1)
      }
    }, expireMs)
  }

  // 获取当前所有未过期的元素
  getValidItems() {
    // 先清理已过期的元素，再返回结果
    const now = Date.now()
    this.innerList = this.innerList.filter(item => item.expireAt > now)
    return this.innerList.map(item => item.value)
  }
}

// 测试用例
const testArray = new ExpiringArray()
// 添加元素A，3秒后过期
testArray.add('A', 3000)
// 添加元素B，5秒后过期
testArray.add('B', 5000)

console.log('刚添加后有效元素：', testArray.getValidItems()) // 输出 ['A', 'B']

// 4秒后打印查看结果
setTimeout(() => {
  console.log('4秒后有效元素：', testArray.getValidItems()) // 输出 ['B']，A已经过期删除
}, 4000)

常见使用说明 #

• 如果需要设置n小时后过期，只需要把add方法的第二个参数改成 n * 3600 * 1000 即可，比如2小时过期传入 2 * 3600 * 1000
• 该示例无任何第三方依赖，Node.js和浏览器端JavaScript都可以直接运行
• 如果不需要实时自动删除，也可以删掉setTimeout相关的代码，只在调用getValidItems的时候过滤过期元素，性能消耗更低，适合元素量不大的场景

内容的提问来源于stack exchange，提问作者Venkat Lohith Dasari