HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在HTML5和JavaScript中循环通过localStorage大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
所以,我想我可以循环通过localStorage像一个普通的对象,因为它有一个长度。我如何循环通过这?
localStorage.setItem(1,'Lorem');
localStorage.setItem(2,'Ipsum');
localStorage.setItem(3,'Dolor');

如果我做一个localStorage.length它返回3这是正确的。所以我假设一个for循环将工作。

我在想像:

for (x in localStoragE){
    $('body').append(localStorage[x]);
}

但没有效果。有任何想法吗?

一个想法,我是一个

localStorage.setItem(1,'Lorem|Ipsum|Dolor')
var split_list = localStorage.getItem(1).split('|');

在其中for … in在工作。

@H_675_18@

解决方法

您可以使用 key方法。 localStorage.key(indeX)返回indexth键(顺序是实现定义的,但是常数,直到添加删除键)。
for (var i = 0; i < localStorage.length; i++){
    $('body').append(localStorage.getItem(localStorage.key(i)));
}

如果顺序很重要,你可以存储一个JSON序列化的数组:

localStorage.setItem("words",JSON.Stringify(["Lorem","Ipsum","Dolor"]));

草案规范声称任何支持structured clone的对象都可以是值。但这似乎并不支持

编辑:要加载数组,添加到它,然后存储:

var words = JSON.parse(localStorage.getItem("words"));
words.push("Hello");
localStorage.setItem("words",JSON.Stringify(words));
@H_675_18@ @H_675_18@

大佬总结

以上是大佬教程为你收集整理的在HTML5和JavaScript中循环通过localStorage全部内容,希望文章能够帮你解决在HTML5和JavaScript中循环通过localStorage所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。