我在读到另一篇文章后发表了这篇文章，这篇文章的标题是“如何在本地存储中存储数组？”。这很好，除了两个线程都没有提供关于如何在localStorage中维护数组的完整答案之外，不过我已经根据两个线程中包含的信息制定了一个解决方案。

因此，如果其他人希望能够在数组中推送/弹出/移动项目，并且他们希望将该数组存储在localStorage或sessionStorage中，那么可以这样做：

Storage.prototype.getArray = function(arrayName) {
  var thisArray = [];
  var fetchArrayObject = this.getItem(arrayName);
  if (typeof fetchArrayObject !== 'undefined') {
    if (fetchArrayObject !== null) { thisArray = JSON.parse(fetchArrayObject); }
  }
  return thisArray;
}

Storage.prototype.pushArrayItem = function(arrayName,arrayItem) {
  var existingArray = this.getArray(arrayName);
  existingArray.push(arrayItem);
  this.setItem(arrayName,JSON.stringify(existingArray));
}

Storage.prototype.popArrayItem = function(arrayName) {
  var arrayItem = {};
  var existingArray = this.getArray(arrayName);
  if (existingArray.length > 0) {
    arrayItem = existingArray.pop();
    this.setItem(arrayName,JSON.stringify(existingArray));
  }
  return arrayItem;
}

Storage.prototype.shiftArrayItem = function(arrayName) {
  var arrayItem = {};
  var existingArray = this.getArray(arrayName);
  if (existingArray.length > 0) {
    arrayItem = existingArray.shift();
    this.setItem(arrayName,JSON.stringify(existingArray));
  }
  return arrayItem;
}

Storage.prototype.unshiftArrayItem = function(arrayName,arrayItem) {
  var existingArray = this.getArray(arrayName);
  existingArray.unshift(arrayItem);
  this.setItem(arrayName,JSON.stringify(existingArray));
}

Storage.prototype.deleteArray = function(arrayName) {
  this.removeItem(arrayName);
}

示例用法-在localStorage数组中存储简单字符串：

localStorage.pushArrayItem('myArray','item one');
localStorage.pushArrayItem('myArray','item two');

示例用法-在sessionStorage阵列中存储对象：

var item1 = {}; item1.name = 'fred'; item1.age = 48;
sessionStorage.pushArrayItem('myArray',item1);

var item2 = {}; item2.name = 'dave'; item2.age = 22;
sessionStorage.pushArrayItem('myArray',item2);

处理数组的常用方法：

.pushArrayItem(arrayName,arrayItem); -> adds an element onto end of named array
.unshiftArrayItem(arrayName,arrayItem); -> adds an element onto front of named array
.popArrayItem(arrayName); -> removes & returns last array element
.shiftArrayItem(arrayName); -> removes & returns first array element
.getArray(arrayName); -> returns entire array
.deleteArray(arrayName); -> removes entire array from storage

有一个很棒的库，它封装了许多解决方案，因此它甚至支持称为jStorage的旧浏览器

可以设置对象

$.jStorage.set(key, value)

轻松检索

value = $.jStorage.get(key)
value = $.jStorage.get(key, "default value")

如果没有字符串格式，则无法存储键值。

LocalStorage仅支持键/值的字符串格式。

这就是为什么无论数据是数组还是对象，都应该将其转换为字符串。

要在localStorage中存储数据，首先使用JSON.stringify（）方法将其字符串化。

var myObj = [{name:"test", time:"Date 2017-02-03T08:38:04.449Z"}];
localStorage.setItem('item', JSON.stringify(myObj));

然后，当您想要检索数据时，需要再次将字符串解析为对象。

var getObj = JSON.parse(localStorage.getItem('item'));

我建议使用Jackson js。它是一个库，用于处理对象的序列化和反序列化，同时基于修饰符保留其结构。

该库处理所有缺陷，如循环引用、属性别名等。

只需使用@JsonProperty（）和@JsonClassType（）修饰符来描述类。

使用以下方法序列化对象：

const objectMapper = new ObjectMapper();
localstore.setItem(key, objectMapper.stringify<yourObjectType>(yourObject));

要获得更详细的解释，请在此处查看我的答案：

Typescript对象序列化？

这里有Jackson js教程：

Jackson js：强大的JavaScript装饰器，可将对象序列化/反序列化为JSON，反之亦然（第1部分）

localStorage.setItem('user', JSON.stringify(user));

然后从存储中检索并再次转换为对象：

var user = JSON.parse(localStorage.getItem('user'));

If we need to delete all entries of the store we can simply do:

localStorage.clear();

对变体的一个小改进：

Storage.prototype.setObject = function(key, value) {
    this.setItem(key, JSON.stringify(value));
}

Storage.prototype.getObject = function(key) {
    var value = this.getItem(key);
    return value && JSON.parse(value);
}

由于短路求值，如果key不在Storage中，getObject（）将立即返回null。如果值为“”（空字符串；JSON.parse（）无法处理），它也不会引发SyntaxError异常。