HTML5本地存储设计问题

在HTML5的本地存储中存储对象数据的最佳方法是什么?我在键值存储方面做得不多。

在我的研究中,我看到了一些不同的方法。

示例数据:

var commands = [
  {invokes: 'Window', type: 'file', data: '/data/1'},
  {invokes: 'Action', type: 'icon', data: '/data/2'},
  {invokes: 'Window', type: 'file', data: '/data/3'}
];

方法1:存储表示每个数据项的键

// for(...) {
localStorage["command[" + i + "].invokes"] = command[i].invokes
localStorage["command[" + i + "].type"] = command[i].type
localStorage["command[" + i + "].data"] = command[i].data
//}

方法2:键是实体名,存储JSON

localStorage["commands"] = JSON.stringify(commands);

第二种方法需要json.parse()。

利弊?