javascript - 在 localStorage 中导出数据以供以后重新导入

Question

我想从我的 localStorage 中导出一些项目以将其保存在外部，但以一种格式以便我可以稍后再次导入它。

我的尝试是编写稍后可以粘贴到文本区域中的可执行代码。然后该文本的值将简单地被 eval()ed。

问题:存储在localStorage中的数据被存储为

var data = [];
data.push('sampledata');
data.push({sample: 'object'});
localStorage.setItem('varname',data);

所以它包含各种我不喜欢的字符，比如'、"等等

到目前为止，我的(无效的)解决方案是:

var container = $('#localDataContainer');
container.append('localStorage.setItem("cockpitLastVisited","' + localStorage.getItem("cockpitLastVisited") + '");<br/>');
container.append('localStorage.setItem("cockpit_services","' + localStorage.getItem("cockpit_services") + '");<br/>');
container.append('localStorage.setItem("cockpit_users","' + localStorage.getItem("cockpit_users") + '");');

如果我的尝试似乎没问题，那么创建可以按原样执行的代码的最佳方法是什么？

Answer 1

这是导入/导出整个本地存储的方法

导出

copy(JSON.stringify(localStorage));

这会将您的 localStorage 复制到剪贴板。 (您需要两个 JSON.stringify() 来转义引号。)

导入

var data = JSON.parse(/*paste stringified JSON from clipboard*/);
Object.keys(data).forEach(function (k) {
  localStorage.setItem(k, JSON.stringify(data[k]));
});