localStorage存储和读取数组

最新推荐文章于 2023-08-29 14:25:59 发布
最新推荐文章于 2023-08-29 14:25:59 发布
阅读量3.3k 收藏 4
点赞数 2
分类专栏： WEB前端 文章标签： JSON localStorage
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39092312/article/details/87889266
版权

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
<div><input type="text" id="time"></div>
<div><input type="text" id="task"></div>
<div οnclick="save()">保存到本地</div>
 <script>
 var jsonArray=[];
  function save(){
         //创建json对象
     var jsonData={"time":"","task":""};
      //设置修改json对象的值
     jsonData.time=document.getElementById("time").value;
     jsonData.task=document.getElementById("task").value;
   console.log(jsonData);
    //把json对象添加到数组末尾
     jsonArray.push(jsonData);
     console.log(jsonArray);
      //JSON.stringify(jsonArray)转化数组为字符串格式
     var jsonArrayString=JSON.stringify(jsonArray);
     //用localStorage存储数组到本地浏览器数据
       localStorage.setItem("localData",jsonArrayString);
        //得到localstorage中的数据
     var getLocalData = localStorage.getItem('localData');
           //JSON.parse(getLocalData)；将字符串格式转化回来
     console.log(JSON.parse(getLocalData));
    

  }


</script>
 </body>
</html>

北城星梦
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在localStorage中存储对象数组并读取的方法
11-23
频繁ajax请求导致页面响应变慢。于是考虑将数据存储在window.storage中，这样只请求一次ajax，而不需要频繁请求。 鉴于localstorage中只能存储字符串，所以我们要借助于JSON.stringify()和JSON.parse(); $.ajax({ type: "get", async: "true", url: "", data: {}, dataType: "jsonp", success: function(data){ if(data instanceof Array){ stroage.push(JSON.stringify(data[i])); //stor
【JS】LocalStorage存储JSON对象、存储数组
qing_小诺的博客
08-22 7276
1、存储普通数组：举例：（也可用下面第三条的方法） var arr = [1, 2, 3]; localStorage.setItem("temp", arr); console.log(typeof localStorage.getItem("temp"));//string console.log(localStorage.getItem("temp"));//返回字符串'1,2,3' ...
php或js利用localStorage存储数组
milli236的博客
01-11 1万+
1.数组要转json格式：json_encode($re)，   2.存：localStorage.setItem('weekDay',JSON.stringify(weekArray));   3.取：取： weekArray = JSON.parse(localStorage.getItem('weekDay')); php文件代码，php嵌入js代码将结果数组存储，在js中与用户交...
js实现localStorage储存多条数据（对象）
weixin_45791806的博客
12-23 5656
1，先获取到浏览器里面的key值 var Game_Data = JSON.parse(localStorage.getItem('loc')) // 之前存储 2，判断这个值存不存在 if (Game_Data == null) { //不存在就建立一个新的数组（第一次进入浏览器肯定是不存在） var loc = new Array() loc.push(user) localStorage.setItem('loc
localStorage存储数组以及取数组方法。
weixin_60200454的博客
12-01 1071
localStorage存储数组以及取数组方法。 let weekArray=['周一'、'周二'、'周三'、'周四'、'周五'] 存：localStorage.setItem('weekDay',JSON.stringify(weekArray)) 取：weekArray=JSON.parse(localStorage.getItem('weekDay'))
localStorage 存数组
Pandora_417的博客
04-21 4076
localStorage 只能直接存储字符串，若想存储数组，得用JSON换格式 localStorage.setItem("application", JSON.stringify(application)); var applicationItem = JSON.parse(localStorage.getItem("application")); localStorage.setItem...
将数组对象存储到local Storage中
qq_32810963的博客
11-13 5786
在我们平时做项目的时候可能会需要将数组对象存储到本地local Storage中，但是local Stroage只能存储字符串类型的数据(string)，为了能够把数组类型的数据存储到local Stroage中，我们需要用到JSON进行进行数据类型转换。 JSON的简单介绍： JSON的方法介绍： （以上图来源于百度百科：JSON JSON_百度百科） 下面我们来通过一个简单的案例来对JSON有一个初步的了解： 1.首先我们先创建一个数组，在里面存...
localStorage 存储 数组
热门推荐
康师傅架构学习之路
11-15 1万+
理论上是不可以的 但是万能的程序员总是能想到办法   把数组转化为 对象即可 //保存 var str = JSON.stringify(data.list); localStorage.setItem("options",str); //得到 var optionss=localStorage.getItem("options"); console.log(JS
localStorage本地存储数组对象
allen_csdns的博客
01-07 1803
存 var arrLi = [{“search_content”:“火锅”},{“search_content”:“火锅1”},{“search_content”:“火锅2”}];//定义 localStorage.setItem(“searchLI”,JSON.stringify(arrLi)); 获取 var arrLi1 = JSON.parse(localStorage.getItem(“...
Vue使用localStorage存储数据的方法
12-11
本文实例为大家分享了Vue使用localStorage存储数据的具体代码，供大家参考，具体内容如下 通过下面这个案例来了解localStorage的基本使用方法。 输入评论人、评论内容，点击发表评论，评论数据将保存到localStorage...
JS localStorage存储对象，sessionStorage存储数组对象操作示例
10-15
主要介绍了JS localStorage存储对象，sessionStorage存储数组对象操作,结合实例形式详细分析了JS使用localStorage存储对象以及sessionStorage存储数组对象相关操作技巧与注意事项,需要的朋友可以参考下
localStorage存取储数组。（存对象同理）
anjiye7641的博客
08-29 1057
var array = ['111','222','333','444','555']; 存window.localStorage.setItem('array',JSON.stringify(array)); 取 array= JSON.parse(localStorage.getItem('array')); 转载于:https://www.cnb...
localStorage 本地存储方法：新增、删除、修改
qq_33911541的博客
08-29 1606
localStorage 本地存储方法：新增、删除、修改
vue中使用localStorage存储数组
ziyanCarol的博客
03-13 5130
这是碰到的问题是在同一key值的情况下存储不同的数组，第一次接触这个问题，脑子不会转弯，刚开始写的是直接使用key值存储，结果发现存储第二个数组时，第二个数组的内容会把第一个数组覆盖，然后使用二维数组，但是不是很会用，结果数据一团糟，还是不对，问过大佬之后，得到说，后端的key值不会变，但是可以在前端使用时自己加声明，以区别两个数组的key值， var a1= key + “a” var a2= ...
localStorage,sessionStorage
w_jiunian的博客
12-19 484
localStorage存储数组**stringify:用于从对象中解析出字符串 parse:从字符串中解析出json对象；**var arr=["xutao","xutao"]; localStorage.setItem("arr",JSON.stringify(arr)) var str4=JSON.parse(localStorage.getItem("arr")) console.l
localStorage存储数组以及取数组方法
xhangs的博客
02-25 1094
varweekArray = ['周一'、'周二'、'周三'、'周四'、'周五'] 存：localStorage.setItem('weekDay',JSON.stringify(weekArray)); 取： weekArray = JSON.parse(localStorage.getItem('weekDay'));
localStorage如何存取数组、对象
GongWei_的博客
01-22 2513
localStorage存取数组和对象不像存取字符串那样，需要序列化和反序列化 rolePower=["a","b","c"] 存：localStorage.setItem('rolePower',JSON.stringify(rolePower)) 取：JSON.parse(localStorage.getItem("rolePower")) var userNews={id: "aa", userId: "1234", loginName: "test", name: "测试", orgId: "10
前端小白，关于在函数里面使用数组的push()方法，结果数据永远只有一条
weixin_39092312的博客
02-23 4083
&lt;!doctype html&gt; &lt;html lang="en"&gt;  &lt;head&gt;   &lt;meta charset="UTF-8"&gt;   &lt;meta name="Generator" content="EditPlus®"&gt;   &lt;meta name="Author&q
在localstorage中存储对象数组并读取的方法
最新发布
09-10
在localStorage中存储对象数组并读取的方法如下： 1. 存储对象数组： 首先，将对象数组转化为字符串，可以使用JSON.stringify()方法将对象数组转化为字符串形式。然后，使用localStorage.setItem()方法将该字符串...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值