javascript - 使用 localStorage.getItem() 获取不同属性的值？

Question

我正在尝试创建一个小应用程序，我需要存储一些数据。 我这样存储它们:

localStorage.setItem(taskID, taskTitle, taskTotal, taskActual, taskProgress);

(taskID taskTitle 等是我从表单中获取的值)

所以这实际上很好用，我只有一个问题: 我可以使用以下方法轻松检索 taskID:

for (i = 0; i < localStorage.length; i++) {
    var taskID = "task-" + i;
};

但是我怎样才能检索到其他值呢？例如，如果我想检索 taskActual 值，我怎样才能轻松做到这一点？

Answer 1

这不是它的工作原理。您的代码在键 taskID 下设置值 taskTitle，其余参数将被丢弃。然后您只能使用 localStorage.getItem( taskID ) 检索 taskTitle。

如果你想存储更多的属性，你需要存储多个项目，例如:

var taskID = 'task-1';
localStorage.setItem(taskID +'-title', taskTitle);
localStorage.setItem(taskID +'-total', taskTotal);
// etc
// to retrieve:
var title = localStorage.getItem('task-1-title');

或存储序列化的 JSON:

var taskId = 'task-1', taskData = { title : 'task title', total : 'task total' /* etc.. */ };
// store
localStorage.setItem(taskID, JSON.stringify( taskData ) );
// retrieve
var task = JSON.parse( localStorage.getItem('task-1') );
// now you can use task.title, task.total etc