主页 / 问题 / 963224
Accepted
Anton Bogomolov
Asked:2020-03-30 05:12:33 +0000 UTC2020-03-30 05:12:33 +0000 UTC

本地存储唯一性检查和更新

  • 772

我在本地存储中保存了一个数组：

var myLikes = [];
myLikes[0] = {'slide':slide_id}
localStorage.setItem("myCollection", JSON.stringify(myLikes));

接下来，我需要检查新值是否唯一，如果不是，则将其添加到 myCollection 数组中。我正在尝试这样做：

var slide_id = $$('#likes').attr('slide_id');

var arrayLikes = JSON.parse(localStorage.getItem('myCollection')); 

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

    if (slide_id == arrayLikes[i].slide) { // dublicate

      console.log('Dublicate');

    } else {

      console.log('New' + arrayLikes[i].slide);

      arrayLikes.push({'slide':slide_id});

      localStorage.setItem("myCollection", JSON.stringify(arrayLikes));

    }

}

结果，检查不起作用，所有值都被添加到本地存储中，包括重复项 + 数组开始呈指数增长。

我做错了什么，我该如何正确检查？

javascript

2 个回答

  1. Best Answer

    var slide_id = $('#likes').attr('slide_id');
var arrayLikes = JSON.parse(localStorage.getItem('myCollection'));
var found = false;
for (var i = 0; i < arrayLikes.length; i++) {
  if (slide_id == arrayLikes[i].slide) { // dublicate
    found = true;
    break;
  }
}
if (found) {
  console.log('Dublicate');
} else {
  console.log('New' + arrayLikes[i].slide);
  arrayLikes.push({
    'slide': slide_id
  });
  localStorage.setItem("myCollection", JSON.stringify(arrayLikes));
}

    • 3

  2. 对象方法将大大简化此任务。
    例如，您可以继承自Array：

    class MyLikes extends Array {
  constructor(storageKey) {
    super(); 
    Object.assign(this, JSON.parse(localStorage.getItem(storageKey) || '[]')); 
  }
  findLikeIdx(likeObj) { return this.findIndex(o => o.slide == likeObj.slide); }
  addLike(likeObj) {
    const idx = this.findLikeIdx(likeObj); 
    return (idx >= 0) ? idx : this.push(likeObj) - 1;
  }
  store(storageKey) { localStorage.setItem(storageKey, JSON.stringify(this)); }
}

const stKey = 'myCollection', 
const likes = new MyLikes(stKey);     // создание экземпляра объекта и чтение данных из localStorage
/* ... */
likes.addLike({ slide: slide_id });   // добавление без дубликатов
/* ... */
likes.store(stKey);                   // запись в localStorage

    🔷 Демо в JSbin ‎

    • 1

相关问题