JS历史记录本地存储(localStorage)

js历史记录本地存储localStorage方法

存储类型自定义,本文以数组类型存储

添加历史记录

localAdd(name,value){
   let stu;
   let stuStr;
   if (`${name}` in localStorage){//检测搜索记录存在时
     stu= JSON.parse(localStorage[name]);
     for (let i = 0; i < stu.length; i++) {
       if (value == stu[i]){
         return
       }
     }
     stu.push(value);
     stuStr = JSON.stringify(stu);
     localStorage[name] = stuStr;
   }else {//不存在时
     stu = [];//存储数据形式
     stu.push(value);
     stuStr = JSON.stringify(stu);
     localStorage[name] = stuStr;
   }
}

删除所有历史记录

localDelete(name){
    if (localStorage.getItem(`${name}`) === null){
       return
    }else {
       localStorage.removeItem(`${name}`);
    }
}

删除单个历史记录

localDeleteOne(name,index){
   let stu;
   let stuStr;
   if (`${name}` in localStorage){
     stu= JSON.parse(localStorage[name]);
     stu.splice(index, 1);
     if (stu.length == 0) {
       localStorage.removeItem(`${name}`);
     } else {
       stuStr = JSON.stringify(stu);
       localStorage[name] = stuStr;
     }
   }
}
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值