LocalStorage json 数组保存 -> 防止重复

Question

我只是编写了一个小sn-p来玩一下localStorage，很简单，你可以将项目添加到json数组中，所有这些项目都会保存在localStorage键"saved"

但是，我无法防止我的 json 数组中出现重复条目​​，而是应该触发警报。

$("#add").on("click", function(e){
    var items = localStorage.getItem('saved');
    var newitem = $('#theitem').val();

    if (items != null){
        var allitems = JSON.parse(localStorage["saved"]);
        allitems.push({"myitem":newitem});
        localStorage.setItem('saved', JSON.stringify(allitems));
    }else{
        var allitems = [{"myitem":newitem}];
        localStorage.setItem('saved', JSON.stringify(allitems));
    }
}); 

这里是完整代码：http://jsfiddle.net/Janosch/f0j71/

为了防止重复，我需要更改'#add' click handler 的哪一部分？

Answer 1

这应该可行：

    ...
    var allitems = JSON.parse(localStorage["saved"]);
    var repeated=allitems.filter(function(a){ return a.myitem==newitem}).length;
    if(!repeated){
        allitems.push({"myitem":newitem});
        localStorage.setItem('saved', JSON.stringify(allitems));
    }else{alert('already added')}
    ...