关于localStorage的存储,读取,删除

目录

localStorage的存储,读取,删除localStorage存储localStorage读取localStorage删除localStorage使用详解localStorage简介调试localStoragelocalStorage的CRUD

localStorage的存储,读取,删除

localStorage存储

我们通过以下方式将数据储存到localStorage中

window.localStorage.setItem('key',value)

但有时value为一个对象Object，以上面的方式写入，会出现读取的返回值为{object Object}的情况，但这并不是我们想要的，此时我们需要使用新的方式

传入Object

window.localStorage.setItem('param',jsON.stringify(Object))

通过JSON.stringify(Object)方法将对象转化为一个json格式的字符串进行存储

localStorage读取

我们通过以下方式来读取localStorage中的值

window.localStorage.getItem('key')

相对的在读取json格式字符串只有我们也无法直接使用，需要将它转换为josn对象之后才是我们想要的结果，所以我们需要调用 JSON.parse()方法来进行转化，之后在继续使用

JSON.parse(window.localStorage.getItem('key'))

localStorage删除

我们通过以下方法来删除对应key以及key中的内容

window.localStoragewww.easck.com.removeItem('key')

localStorage清空所有的key

清空localStorage中所有的key;

注意：请谨慎使用,它会清空所有的本地存储数据

window.localStorage.clear()

localStorage使用详解

localStorage简介

localStorage 和 sessionStorage 一样，都是 HTML5 中最新引入的 Web 存储 API。

ication左侧点击 Storage 下面的 LocalStorage

lvPbAQyjocalStorage的CRUD

为 localStorage 添加或修改数据有三种方式：

localStorage.age = 100localStorage['age'] = 100localStorage.setItem('age', 100) // 推荐使用

在 localStorage 中查看数据也有三种方式：

localStorage.agelocalStorage['age']localStorage.getItem('age') // 推荐使用

在 localStorage 中删除数据有三种方式：

delete localStorage.agedelete localStorage['age']localStorage.removeItem('age') // 推荐使用

清空https://www.easck.com/整个 localStorage：

// 清空整个 localStoragelocalStorage.clear()

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。