使用localStorage存储数据每次调用setItem()它都会添加或覆盖现有值

JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串，而JSON.parse()可以将JSON字符串转为一个对象。

简单点说，它们的作用是相对的，我用JSON.stringify()将对象a变成了字符串c，那么我就可以用JSON.parse()将字符串c还原成对象a。

let arr = [1,2,3];
JSON.stringify(arr);//'[1,2,3]'
typeof JSON.stringify(arr);//stringlet string = '[1,2,3]';
console.log(JSON.parse(string))//[1,2,3]
console.log(typeof JSON.parse(string))//object

在localStorage数据中保存在字符串的键值对中.每次调用setItem()它都会添加或覆盖现有值.而getItem()仅仅获取存储的值localStorage是一个字符串值.要解决这个问题,你必须使用一个数组,stringify然后存储它.以下是正确的代码:

function reason(){var dropd = document.getElementById("savedrop").value;var drophistory = JSON.parse(localStorage.getItem("reason")) || [];drophistory.push(dropd);localStorage.setItem("reason", JSON.stringify(drophistory));
}

使用localStorage存储数据每次调用setItem()它都会添加或覆盖现有值相关推荐

基于vue练习demo：发表评论案例 (使用localStorage存储数据)
前言最近在学习 VUE的相关知识,之前学习html和css3和原生js及jq库时感觉还挺轻松,但是接触vue框架之后才发现需要了解的东西太多了(如 vue-router,vue-cli,webpac ...
localStorage存储数据的格式
1. localStorage 是以字符串的形式来存储的 //存:转为字符串let obj = {"name":"Lee","age":&q ...
vue + ElementUI（饿了么UI） ---增删改查（用localStorage存储数据+过滤搜索）--demo
新增和修改写到了一个文件上该目录会上传到gitee上 .eslintrc.js 最后一行是自己添加的,其余内容是脚手架自动生成的 module.exports = {root: true,env: ...
localStorage自定义存储数据方法及其使用总结
localStorage 自定义一个localStorage本地存储数据 JSON.parse() JSON.stringify() localStorage例子自定义一个localStorage本 ...
H5 存储数据sessionStorage
H5 存储数据sessionStorage <!DOCTYPE html> <html lang="en"> <head><meta ch ...
用localStorage来存储数据的一些经验
localStorage: 是一种你不主动清除它,它会一直将存储数据存储在客户端的存储方式,即使你关闭了客户端(浏览器),属于本地持久层储存 sessionStorage: 用于本地存储一个会话(se ...
出栈（释放栈）和引用栈内数据意义不等同，和嵌套有关系但不是等同关系，局部变量进栈操作，不是局部变量自动带有进栈指令。汇编语言后局部变量操作是包含进栈操作指令PUSH和栈内地址存储数据调用，出栈。
出栈(释放栈)和引用栈内数据意义不等同,和嵌套有关系但不是等同关系,局部变量进栈操作,不是局部变量自动带有进栈指令.汇编语言后局部变量操作是包含进栈操作指令PUSH和栈内地址存储数据调用,出栈. 2. ...
localstorage存储大小_Cookie 已凉，Web 存储该这么做！
本文经授权转自公众号CSDN(ID:CSDNnews)作者 | 浪里行舟责编 | 郭芮随着移动网络的发展与演化,我们手机上现在除了有原生 App,还能跑"WebApp"--它即开 ...
浏览器对象存储数据详解
浏览器对象存储数据详解前言随着需求的发展,浏览器的功能正变的越来越强大,在本地存储数据可以极大的方便人们进行各种操作,如localStroage/sessionStroage等,下面我就记录在项目 ...

使用localStorage存储数据每次调用setItem()它都会添加或覆盖现有值

使用localStorage存储数据每次调用setItem()它都会添加或覆盖现有值相关推荐

最新文章

热门文章