对localStorage的封装，使用更简单

朱雀 2022-06-06 02:24 213阅读 0赞

//在get时，如果是JSON格式，那么将其转换为JSON，而不是字符串。以下是基础代码：
    var Store = {
        get: function(key) { 
            var value = localStorage.getItem(key);
            if (value) {
                try {
                    var value_json = JSON.parse(value);
                    if (typeof value_json === 'object') {
                        return value_json;
                    } else if (typeof value_json === 'number') {
                        return value_json;
                    }
                } catch(e) {
                    return value;
                }
            } else {
                return false;
            }
        },
        set: function(key, value) { 
            localStorage.setItem(key, value);
        },
        remove: function(key) { 
            localStorage.removeItem(key);
        },
        clear: function() { 
            localStorage.clear();
        }
    };
    在此基础之上，可以扩展很多方法，比如批量保存或删除一些数据：
    // 批量保存，data是一个字典
    Store.setList = function(data) { 
        for (var i in data) {
            localStorage.setItem(i, data[i]);
        }
    };
    
    // 批量删除，list是一个数组
    Store.removeList = function(list) { 
        for (var i = 0, len = list.length; i < len; i++) {
            localStorage.removeItem(list[i]);
        }
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，213人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java对Redis的简单封装

Java对Redis的简单封装相关文章: [Linux安装Redis][Linux_Redis] [SpringBoot连接Redis][SpringBoo...

拼搏现实的明天。/ 2024年04月18日 10:50/ 0 赞/ 75 阅读

相关 uni对请求的简单封装

由于uni官网上提供的API对各类请求都有自己独立的方法API,所以封装请求就与和vue有一定的出入，为了避免页面上的大量请求带来的冗余，所以个人先简单封装一下。

傷城~/ 2022年12月17日 04:23/ 0 赞/ 211 阅读

相关 cookie/sessionStorage/localStorage封装使用

cookie/sessionStorage/localStorage封装使用 cookie /设置cookie/ function setCooki

梦里梦外;/ 2022年11月27日 08:55/ 0 赞/ 201 阅读

相关 localStorage封装

localStorage标准封装 const myStorage = { //存储 set(key, value) { local

Dear 丶/ 2022年11月10日 05:38/ 0 赞/ 151 阅读

相关对AFNetworking的简单封装

\import "YGLoadDataManager.h" \import "AFNetworking.h" @implementation YGLoadData

我会带着你远行/ 2022年08月20日 13:10/ 0 赞/ 261 阅读

相关对NSURLConnection的简单封装

\import <Foundation/Foundation.h> @class YGFileDownloader; @protocol YGFileDownlo

ゞ浴缸里的玫瑰/ 2022年08月10日 00:39/ 0 赞/ 184 阅读

相关对localStorage的封装，使用更简单

//在get时，如果是JSON格式，那么将其转换为JSON，而不是字符串。以下是基础代码： var Store = { get: functio

朱雀/ 2022年06月06日 02:24/ 0 赞/ 214 阅读

相关对localStorage进行二次封装，增加数据有效期限制

十分钟前做了cvte的前端笔试题，说实话做的真的爽，好多题考的细节很到位，很多坑可能跳过，但后面都逐渐忘却了，值此机会记录一下最后一道题（不算泄密吧，如果算马上删）：local

- 日理万妓/ 2022年05月30日 10:48/ 0 赞/ 200 阅读

相关封装带过期时间的localStorage

// 封装一个localStorage函数,减少页面请求 export function Storage() { if (!window.loc

傷城~/ 2021年11月17日 21:24/ 0 赞/ 315 阅读

相关 localstorage的简单介绍

1、首先首先还是要先翻译一下单词的中文意思，代码的理解通常都是从翻译单词和标点符号开始。 -------------------- 2、翻译 localsto

素颜马尾好姑娘i/ 2021年11月17日 10:28/ 0 赞/ 525 阅读