自定义一个localStorage本地存储数据

getItem和setItem是window.localStorage的获取和保存数据的方法
我们用JSON.stringify和JSON.parse把数据转成字符串和解析，这样就方便我们写入tabledata
localStorage.getItem(key):获取指定key本地存储的值
localStorage.setItem(key,value)：将value存储到key字段

JSON.parse()

JSON.parse()//从一个字符串中解析出json对象
例子：
//定义一个字符串
var data='{"name":"goatling"}'
//解析对象
JSON.parse(data)
结果是：
name:"goatling"

JSON.stringify()

例：标准的json对象{“name”:“john”}
JSON.stringify(); // 将json格式的数据（JavaScript 对象）转换成JSON格式的字符串
例：

JSON.stringify()//从一个对象中解析出字符串
var data={“name”:“john”}
JSON.stringify(data)
结果是：
'{"name":"goatling"}'

localStorage例子


获取/创建 var data1 =localStorage.getItem('name');// 也可以这样写:[]方法    localStorage["name"];.方法    localStorage.name;var data2 = localStorage.getItem('zheng')保存     //对象const info = {name: "huo", age: 18,id: "1"}//字符串const str = "haha";//setItem(“key”,“value”)：存储名字为key的一个值value//若key有值,则更新他,如果此时更改了name得值再重新获取，新的值会覆盖原来的值localStorage.setItem("name","john"); //设置name为johnlocalStorage.setItem("name","Tom"); //设置name为Tom,覆盖之前的//也可以这样写[]方法    localStorage["name"]="bonly";.方法    localStorage.name="bonly";localStorage.setItem('zheng',JSON.stringify(info));删除   //删除某个localStorage.removeItem("zheng")//删除所有localStorage.clear();

localStorage自定义存储数据方法及其使用总结相关推荐

用localStorage来存储数据的一些经验
localStorage: 是一种你不主动清除它,它会一直将存储数据存储在客户端的存储方式,即使你关闭了客户端(浏览器),属于本地持久层储存 sessionStorage: 用于本地存储一个会话(se ...
vue2存储数据方法
前言在浏览网页时我们有些时候需要记住一些用户选择的信息,比如登陆时我们如果选择了记住密码,那么我们下次进入该网页时就会有你上次的登陆信息. 在网站开发中,我们可能会遇到左边是列表,右边显示内容的页面 ...
Python操作HDF5存储数据方法总结
写在前面 HDF是什么可视化工具 Pandas内置HDF文件操作踩坑记录参考文献后记写在前面最近在做股价预测有关项目,需要大量股票数据,然而手头的CSV格式的数据对硬盘的占用越来越大, ...
HTML5的数据存储和数据处理的功能有,浅析 HTML5 数据存储的方法及应用
原标题:浅析 HTML5 数据存储的方法及应用 1 HTML5 本地存储简介中新增的功能之一是本地,使用本地数据库可以在客户端本地建立一个数据库,该数据库以前是必须要保存在服务器端数据库中的内容 ...
[js] localStorage 如何存储JSON数据并读取JSON数据
localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON:那么,localStorage ...
vue存储数据的几种方法（Vuex与本地存储）
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 vue存储数据的几种方法(Vuex与本地存储) 前言一.vuex 1.创建vuex 2.存入数据 3.取出数据二.本地存储 1.存 ...
vuex存储数据的几种方法
一.Vuex是什么 Vuex是专门为Vuejs应用程序设计的状态管理工具.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化. 1.Vuex的构成 1)stat ...
simulink自定义信号源方法matlab数据导入sim
simulink自定义信号源方法: https://jingyan.baidu.com/article/e6c8503c7abdb2e54f1a18a0.html https://jingyan.b ...
PHP发送数据到指定方法,php通过header发送自定义数据方法_php技巧
下面小编就为大家分享一篇php通过header发送自定义数据方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧本文将介绍如何通过header发送自定义数据.发送请求时,除了可以使用 ...

localStorage自定义存储数据方法及其使用总结

localStorage

自定义一个localStorage本地存储数据

JSON.parse()

JSON.stringify()

localStorage例子

localStorage自定义存储数据方法及其使用总结相关推荐

最新文章

热门文章