LocalStorage 一键与多键

Question

使用一个 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));

Answer 1

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

例如：

window.localStorage.removeItem(key2);

代替：

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

values.splice(1,1);

window.localstorage.setItem(key, values);