JavaScript 中 LocalStorage 怎么实现数据的深度合并更新-js教程-PHP中文网

localstorage不支持深度合并，需先json.parse读取、用_.merge深度合并、再json.stringify存回；注意处理null和解析异常，并避免高频/竞态写入。

javascript 中 localstorage 怎么实现数据的深度合并更新

LocalStorage 本身只支持字符串键值对，不能直接“深度合并”——它没有内置的合并逻辑。真正需要做的是：先读取原有数据、解析成对象、用深度合并策略更新、再序列化存回去。

必须先解析再操作

localStorage 只存字符串，所以任何对象都得先 JSON.parse() 才能处理。比如你存了：

localStorage.setItem('config', JSON.stringify({ user: { theme: 'light', lang: 'zh' }, app: { autoSave: true } }))

想只更新 user.lang 为 'en'，就不能直接改字符串，而要：

用 getItem('config') 拿出字符串
JSON.parse() 转成对象
对这个对象执行深度合并（比如用 _.merge）
JSON.stringify() 后再 setItem

推荐用 Lodash 的 `_.merge`

原生 JS 没有安全可靠的深合并方法，Object.assign 和展开运算符都只浅层覆盖。例如：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

const old = { user: { theme: 'light' }, app: { autoSave: true } };
const update = { user: { lang: 'en' } };
const bad = { ...old, ...update }; // user 被整个替换，theme 丢失

用 _.merge 就能保留原有结构：

引入 Lodash（CDN 或 npm）
const merged = _.merge(JSON.parse(localStorage.getItem('config') || '{}'), update);
localStorage.setItem('config', JSON.stringify(merged));