如何将localStorage导出为字符串，仅保留值为like/dislike的键值对且不修改原存储

核心实现逻辑 #

整个流程全程仅读取原有localStorage内容，不做任何修改，仅筛选值为like/dislike的键值对，拼接为目标格式的字符串。

常见踩坑提示 #

直接执行JSON.stringify(localStorage)无法拿到正确的存储内容：因为localStorage是浏览器提供的存储实例，并非普通可序列化对象，直接序列化只会返回空对象{}，必须通过Object.keys(localStorage)遍历拿到所有存储的键名，再通过getItem()读取对应值完成筛选。

完整可运行代码 #

// 原有测试数据，全程无修改
localStorage.clear();
localStorage.setItem('anne', 'dislike');
localStorage.setItem('jane', 'like');
localStorage.setItem('john', 'like');
localStorage.setItem('mike', 'dislike');
localStorage.setItem('abcd', 'foo');
localStorage.setItem('efgh', 'bar');

// 初始化筛选收集数组，存放符合要求的键值对片段
const exportParts = [];
Object.keys(localStorage).forEach((key) => {
  const value = localStorage.getItem(key);
  // 严格匹配值要求，仅保留like/dislike类型的内容
  if (value === 'like' || value === 'dislike') {
    exportParts.push(`"${key}":"${value}"`);
  }
});

// 用逗号拼接所有片段，得到最终导出字符串
const exportStr = exportParts.join(',');

输出效果 #

上述代码运行后exportStr的实际内容为：

"anne":"dislike","jane":"like","john":"like","mike":"dislike"

完全匹配需求示例格式，键的顺序和遍历localStorage的顺序一致，符合“键顺序无要求”的约束。

如果需要兼容键名包含特殊字符的场景，可以替换为JSON序列化的实现，自动处理特殊字符转义：

const filteredData = {};
Object.keys(localStorage).forEach((key) => {
  const value = localStorage.getItem(key);
  if (value === 'like' || value === 'dislike') {
    filteredData[key] = value;
  }
});
// 自动转义特殊字符，去掉首尾大括号得到目标格式
const exportStr = JSON.stringify(filteredData).replace(/^\{|\}$/g, '');

实现校验点 #

• 无任何修改原localStorage的操作：全程仅调用getItem、Object.keys这类读取方法，没有使用removeItem、setItem、clear这类修改存储的API，原有缓存内容完全不受影响
• 筛选规则严格匹配：值不是like/dislike的键（比如测试代码里的abcd、efgh）会直接被排除，不会进入导出内容
• 格式完全匹配：每个键和值都用双引号包裹，键值对之间用英文逗号分隔，没有多余的大括号、方括号，和示例格式完全一致

内容的提问来源于stack exchange，提问作者user90726