时间戳

首页 > 解决方案 > LocalStorage 一键与多键

javascript - LocalStorage 一键与多键

问题描述

使用一个 LocalStorage 键 + 编码项与使用多个存储键之间是否存在性能差异？

例如

let key = 'ls-key';
let values = {
  v1: [...],
  v2: '...',
  v3: { ...}
}

let encoded = JSON.stringify(values);

window.localStorage.setItem(key, encoded);

对比


let v1 = [...];
let v2 = '...';
let v3 = { ...};

window.localStorage.setItem(key1, JSON.stringify(v1));
window.localStorage.setItem(key2, JSON.stringify(v2));
window.localStorage.setItem(key3, JSON.stringify(v3));

标签： javascripthtml

解决方案

他们都会工作。在架构上，我认为第二个版本更好，因为您可以访问、修改和删除单个项目，而无需访问其他所有内容。

例如：

window.localStorage.removeItem(key2);

代替：

const values = window.localStorage.getItem(key); 

values.splice(1,1);

window.localstorage.setItem(key, values);

推荐阅读