当数据结构发生变化时，如何用本地存储处理数据持久化？

Question

我正在构建一个 Web 应用程序，它使用本地存储来存储用户数据和应用程序状态。但是，当应用程序版本之间的数据结构发生变化时，我遇到了一个问题。

例如，假设我最初在本地存储中存储了一组用户对象，每个用户对象都具有姓名、年龄和电子邮件等属性。在应用程序的下一个版本中，我需要向用户对象添加新的属性地址。

问题在于，当应用程序加载时，它尝试使用新的数据结构解析本地存储中的数据，这会导致错误，因为本地存储中的现有数据不具有地址属性。

这是代码的简化示例：

// Initial data structure
const initialUsers = [
  { name: 'John', age: 30, email: '[email protected]' },
  { name: 'Jane', age: 25, email: '[email protected]' }
];

// Save initial data to local storage
localStorage.setItem('users', JSON.stringify(initialUsers));

// Later, when the app loads with the new data structure
const storedUsers = JSON.parse(localStorage.getItem('users'));
// Error: storedUsers[0].address is undefined

// New data structure with the added 'address' property
const newUsers = [
  { name: 'John', age: 30, email: '[email protected]', address: '123 Main St' },
  { name: 'Jane', age: 25, email: '[email protected]', address: '456 Oak Ave' }
];

我尝试了各种方法，例如在访问新属性之前检查它是否存在，但我还没有找到处理所有边缘情况的令人满意的解决方案。

当数据结构在应用程序版本之间发生变化时，使用本地存储处理数据持久性的最佳实践是什么？如何确保应用程序能够优雅地处理数据迁移并避免错误或数据丢失？

Answer 1

如果地址属性最初未设置，则无法访问。检查地址属性是否最初设置。