localStorage的用法

news/2024/11/24 22:50:32/

localStorage的用法
1.在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,前者是一直存在本地的,后者是伴随着session,窗口一旦关闭就消失了。二者用法完全相同

2.存储数据的方法就是直接给window.localStorage添加一个属性,localStorage里面的数据是以键值对的方式存在的,可以使用getItem()和setItem()方法设置和获取数据.

3. 向localStorage里存放多次存放相同对象名的数据时,需要先从localStorage里获取一个属性,如果该属性的值为null,则创建一个数组,存在的话,就把取出来的数据用JSON.parse()方法先转换成JSON,然后把数据存进去,存完后,再将取出来的数组,用JSON.stringify()方法将其转换成字符串形式存入.

    var student = {name:"lily",age:20}var students = localStorage.students;if(!students){students = [];}else{students = JSON.parse(students);}students.push(student);localStorage.players = JSON.stringify(players);

4.HTML5本地存储只能存字符串,任何格式存储的时候都会被自动转为字符串,所以读取的时候,需要自己进行类型的转换。 

5.为什么要进行类型转换呢,localstorage本身不就会转换吗?是的,但是它是用toSting()强制转换的,转换后的是没有意义的字符串,或者说不是我们想要的,所以,为了数据取出来后能够操作,我们需要使用特殊的方法进行转换.下面是两者的区别

var student = {name:"haha",age:20};console.log(student.toString());//[object Object]console.log(JSON.stringify(student));//'{"name":"haha","age":20}'有效的json字符串.

6.JSON.parse()是将一个**有效的字符串**解析成json对象.


http://www.ppmy.cn/news/779524.html

相关文章

locals()

locals() 有两种情况: (1) 如果在函数内部使用 locals(),那么会以字典的形式返回函数内部定义的变量,如下例1(2) 如果在函数外部使用 locals(),那么会以字典的形式返回全局变量和内置变量,如下例2 [root@localhost ~]$ cat 1.py #!/usr/bin/env pythondef fun():x = 10y =…

多模态系列论文----最详细的多模态论文总结(BLIP、BEIT、CoCa等)

1 多模态概述 多模态指的是多种模态的信息数据,包括:文本、图像、视频、音频等。多模态任务是指需要同时处理两种或多种不同类型的数据的任务。近年来,随着深度学习技术的发展,多模态任务取得了显著的进步。特别是VIT&#xff08…

localdate

Java8的特性已经不再是“新特性”,很多Java8的类也逐渐被更多的程序员在使用。 但是项目中的日期工具类,有一些还用的是Calandar类,非常不方便。 本文简单给出几个LocalDate的封装,展示一下基本用法。 大家可以多使用Java 8的时间…

Locale 及Locale.getDefault()

1.什么是Locale? Locale对象表示了一个特定的地理,政治或文化区域。需要使用到Locale执行其任务的操作称为区域设置敏感,并使用Locale为用户定制信息。 例如显示一个数字就是一个区域设置敏感的操作–该数字应根据用户所在国家,…

Linux国际化设置locales

更新国际话文件时 yanyan-laptop:/var/lib/locales/supported.d$ sudo locale-gen Generating locales... en_AG.UTF-8... done en_AU.UTF-8... done en_BW.UTF-8... done en_CA.UTF-8... done en_DK.UTF-8... cannot open locale definition file da_DK: No such file o…

locales的配置

config --> locales --> 下面有 en.yml, zh-CN.yml 默认中文,config --> application.rb 配置如下 config.i18n.load_path Dir[Rails.root.join(config, locales, *.{rb, yml}).to_s] config.i18n.default_locale :"zh-CN" config.i18n.ava…

多模态系列论文--CoCa 详细解析

论文地址:CoCa: Contrastive Captioners are Image-Text Foundation Models 代码地址:CoCa CoCa 1 摘要2 网络结构3 损失函数4 实验结果5 总结 1 摘要 CoCa代表Contrastive Captioners的缩写,代表模型用两个目标函数训练出来的,一…

C语言—最大公约数和最小公倍数

作者主页:paper jie的博客_CSDN博客-C语言,算法详解领域博主 本文作者:大家好,我是paper jie,感谢你阅读本文,欢迎一建三连哦。 本文录入于《算法详解》专栏,本专栏是针对于大学生,编程小白精心…