循环遍历包含关键字的 localStorage

Question

有没有办法根据关键字在 javascript 或 JQuery 中循环 localStorage，而不是循环遍历所有 localStorage？我知道我能做

 for (var i = 0; i < localStorage.length; i++)...

但我宁愿做类似的事情

 $.each('localStorage:contains("keyword")')...

Answer 1

不能直接对通用对象使用 DOM 选择器。

但是，您可以创建一个根据传递的函数进行过滤的小函数：

Object.filter = function(obj, func) {
    var res = {};

    for(var key in obj) {
        // filter out own properties (not length) that pass the filter function
        if(obj.hasOwnProperty(key) && key !== "length" && func(key, obj[key])) {
            res[key] = obj[key];
        }
    };

    return res;
};

然后您可以执行以下操作：

var filtered = Object.filter(localStorage, function(i, v) {
                                               // Simply speaking, '~' is the
                                               // same as checking for '!== -1'
                                               return ~i.indexOf("keyword");
                                           });
$.each(filtered, function(i, v) {
    // ...
});

使用此通用函数，您可以构建其他便利函数，例如：

Object.keyContains = function(obj, contains) {
    return Object.filter(obj, function(i, v) {
        return ~i.indexOf(contains);
    });
};

然后按照您想要的方式迭代 localStorage就像这样简单：

$.each(Object.keyContains(localStorage, "keyword"), function(i, v) {
    // ...
});

Answer 2

JQuery 有一个 inArray() 方法，我认为这就是您正在寻找的 -

JQuery inArray

在你的情况下，你可能需要这样的东西...

var index = jQuery.inArray("keyword", localStorage);

// 从这里用 localStorage[index] 做你需要做的事情