Javascript Chrome中的本地存储解析问题

我有一个带有4个输入文本框的表单，在保存时，我将值保存到4个localStorage变量

再次在页面加载时，我检索它们并用这些值设置4个表单标签

$(".formFieldUserData").each(function(index)
            {
            var key = localStorage.key(index);
            $(this).val(localStorage.getItem($(this).attr('name')));
            $("#"+key+"Txt").html(localStorage.getItem($(this).attr('name')));
            });

现在Chrome中似乎存在一些订单问题。虽然Firefox完美地设置了该值，但在Chrome中本地存储似乎是以随机顺序访问的

---

如何解决此问题？

Chrome存储根据键排序的数据（在您的情况下是desc->email->name->phone）。其他浏览器有自己的顺序。因此，您不能依赖于获取数据的顺序。可以使用数组。但根据我的经验，您不能在localStorage（带有字符串键的数组）中存储关联数组。因此，如果你想存储一个关联数组，你必须首先将数组字符串化并存储在localStorage中，然后使用它，你可以使用JSON.parse并像object一样使用它

---

我不确定是否使用localstorage，但为什么不在本地存储器中存储一个数组而不是单个名称？您能举个例子吗？我有4个formFieldUserData类的表单字段，我正在尝试保存它们的值…您能不能也显示您试图从中获取数据的localstorage转储？您知道HTML5中引入了localStorage，但它与某些浏览器并不完全兼容。你可能想考虑一些库。是的，我知道浏览器支持问题…但是这没问题…