有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

javascript批量删除本地存储localStorage中部分值的方法

javascript 炮渣日记 3周前 (11-10) 41次浏览 已收录 0个评论 扫描二维码

新一代浏览器普遍支持的 localStorage 接口,用来缓存token和一些业务数据,可避免重复请求服务端对服务器造成的压力,是一个非常有用的功能。但是它只提供了赋值、全部清空等功能,并没有按键名模糊查询批量删除某一组缓存的接口。

在使用js清除localStorage时,我们希望能够通过键名特征进行批量删除。这样可以避免直接清空时,误伤部分有用缓存的问题。

		function removeItem(find){
		
			var arr = [];
			
			for (var i = 0; i < localStorage.length; i++) {
				var key = localStorage.key(i); 
				if( key && key.indexOf(find) > -1 ){
					arr.push(key);
				}
			}
			
			var k = 0; var l = arr.length;
			while(arr){
				if(k >= l ){
					break;
				}			
				localStorage.removeItem( arr[k] )
				k++;			
			}
		}

如:我们要删除键名含有 testLog 字符的存储内容,则调用如下:

removeItem('testLog');
喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址