js localStorage数组保存与提取

最新推荐文章于 2024-07-18 20:09:06 发布

一粒马豆

最新推荐文章于 2024-07-18 20:09:06 发布

阅读量3.2k

点赞数

分类专栏： JavaScript 数据库文章标签： localStorage js web database 本地存储

本文链接：https://blog.csdn.net/MAILLIBIN/article/details/96361310

版权

savaDataToLocalStorage.js

//此程序可以将数组数据存储到浏览器本地
function setLocalStorage(storage,data){
	if(!localStorage[storage]){
		localStorage[storage]="";			
	}
	var dataString="";
	dataString+="★";
	for(var i=0;i<data.length;i++){
		dataString+="☆"+data[i]+"☆"; 
	}
	dataString+="★";
	
	oldData=localStorage[storage];
	newData=oldData+dataString;
	localStorage[storage]=newData;		
}

//此程序可以从浏览器本地存储中提取出数据
//结果以数组方式返回
function getLocalStorage(storage){
	
	var dataString=localStorage[storage];
	var record=dataString.match(/★[^★]*★/g);

	var recordArray=[];
	if(record){
		for(var i=0;i<record.length;i++){
			var fields=record[i].match(/☆[^☆]*☆/g);
			var fieldArray=[];
			if(fields){
				for(var j=0;j<fields.length;j++){
					fieldValue=fields[j].replace(/☆/g,"");
					fieldArray.push(fieldValue);
				}
			}
			recordArray.push(fieldArray);
		}			
	}
	return recordArray;		
}

//本程序可以清空本地存储的数据
function clearLocalStorage(storage){
	localStorage[storage]="";
}

用法示例：

<!DOCTYPE html>
<HTML>

<HEAD>
<meta charset="utf-8">
<meta name="viewport" content="width=device

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一粒马豆

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js实现 localStorage 存取数据、移除（变量或json数据）

zcc的博客

02-19

4489

1、localStorage中存 port 和取 port 值，代码如下： var port = 8080; localStorage.setItem("port", port); var localPort = localStorage.getItem("port"); console.log(localPort); // 8080 2、localStorage中存 json数据data 和取 json数据data，代码如下： var data = [{"id":1,"name":.

javascript 使用 localStorage 存取数组

qq_63919886的博客

03-28

473

【代码】javascript 使用 localStorage 存取数组。

参与评论您还未登录，请先登录后发表或查看评论

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用递归遍历多维数组_js面试题更新之40

weixin_39634132的博客

11-22

1614

1、数组方法pop() push() unshift() shift()push 后面添加元素，个数不限，返回新数组的长度pop 从后面删除一个元素，返回那个元素unshift 从前面添加元素，个数不限，返回新数组的长度shift 从前面删除一个元素，返回那个元素2、javascript的typeof返回哪些数据类型Object number functi...

【Vue3.0实战逐步深入系列】保存问卷记录到localStorage并基于elementui的table组件实现历史记录的展示功能

lixiaosenlin的专栏

11-28

1481

前言小伙伴们大家好。今天我们继续来完善我们的问卷调查功能。昨天我们已经为问卷添加了数据有效性校验功能。从问卷主题配置到问卷数据有效性校验再到问卷的保存和提交，整个问卷系统已经初具雏形逐步完善了，但仍然还欠缺许多功能比如按角色登录，后台管理，提交记录展示等等。别急，既然是逐步深入系列我们就一步步慢慢来。今天就将实现问卷提交记录保存及展示功能。保存提交记录为了操作方便我们就不借助后台数据库了，依然使用本地存储localStorage进行历史记录的保存，拢共分为三大步：首先来分析一下我们要保存的信

JS-Programs:Javascript 编程

07-08

作为Web开发的核心技术之一，JavaScript允许用户与网页进行交互，动态更新内容，创建丰富的用户体验。在“JS-Programs: Javascript 编程”这个主题中，我们将深入探讨JavaScript的关键概念、语法以及它在实际项目中...

前端面试题--js

weixin_44501366的博客

10-09

5124

SetES6 新增的一种新的的数据结构，类似于数组，但成员是唯一且无序的，没有重复的值。成员不能重复；只有键值，没有键名，有点类似数组；可以遍历，方法有add: 新增，相当于array里的pushdelete: 存在即删除集合中的valuehas: 判断集合中是否存在valueclear: 清空集合Set 结构可以利用Array.from或者扩展运算符转化为数组。

JS localStorage存储对象，sessionStorage存储数组对象操作示例

10-15

主要介绍了JS localStorage存储对象，sessionStorage存储数组对象操作,结合实例形式详细分析了JS使用localStorage存储对象以及sessionStorage存储数组对象相关操作技巧与注意事项,需要的朋友可以参考下

JS实现本地存储信息的方法(基于localStorage与userData)

10-20

主要介绍了JS实现本地存储信息的方法,基于localStorage与userData实现本地存储的功能,需要的朋友可以参考下

localstorage存取字符串/数组/对象——js技能提升

yehaocheng520的博客

05-24

1255

在上一篇文章中提到了，在进行某种操作后，需要存储在本地部分内容，可以是布尔值、字符串、数组、对象等，然后在另一个页面中需要获取存储的值，这就需要用到localstorage的存取功能：存取字符串/布尔值存储缓存 localStorage.setItem("refreshFlag", true); localStorage.setItem("refreshStr", '11111'); 获取缓存 localStorage.getItem("refreshFlag"); localStorage.getIt

JS缓存（存入本地和取出调用）

hy3528的博客

11-26

7641

取出数据，可调用到其他值中 localStorage.getItem('mobile') //取出缓存存到本地缓存 localStorage.setItem('mobile',"要存的数据") //存起来

localStorage存取数组

牛逼的博客

11-30

129

localStorage存取数组对象id 1、存储数据setItem（） localStorage.setItem( optimalData${this.gcid}, JSON.stringify(res.data) ); 2、却出数据getItem（） localStorage.getItem(optimalData${Cookies.get("gcid")})

JavaScript使用localStorage存储数据

★【World Of Moshow 郑锴】★

09-18

2114

背景以前js都是 Session 和 Cookie 来存储信息，仿佛我还停留在那个时候，一问同事有没有新的solution，才知道现在已经有 HTML5 localStorage 本地存储 这个东西，可以在浏览器端储存数据。记得最早的Cookies只能存很小的东西，4KB的样子，并且安全性很差，在IE6时代一个域名也只能二十个Cookies吧，限制挺大，当然IE还有userData的东西，没什...

js中cookie，localStorage(sessionStorage)的存取(转)

dragoo1的专栏

07-12

1792

转自：js中cookie，localStorage(sessionStorage)的存取 - 木风向前冲 - 博客园 (cnblogs.com) 一、cookie （原生的不好用，自己简单封装） 1. 存cookie的方法：　　function setCookie(c_name,value,expiredays) { 　　 var exdate=new Date(); 　　 exdate.setDate(exdate.getDate()+expiredays); 　　 docume.

JS本地存储(localStorage)

珎珎啊

10-22

4470

一. 简介 localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库　 ——注意：在IE8以上的IE版本才支持localStorage这个属性。localStorage属于永久性存储，如果存储内容多的话会消耗内存空间，会导致页面变卡。二.具体使用方式如下： 1.localStorage - 没有时间限制的数据存储　　 var arr=[1,2,3]; 　　 localStorage.setItem(“temp”,arr); //存入参数： 1.调

localstorage 数组添加值 js

06-03

3. 将更新后的数组保存回本地存储：`localStorage.setItem('myArray', JSON.stringify(myArray));` 完整的代码示例： ``` // 从本地存储中获取数组 var myArray = JSON.parse(localStorage.getItem('myArray')) ||...