如何限制將數據存儲到本地存儲中並進行檢索？

Question

嗨，我需要限制要添加到本地存儲中的數據。 如果用戶將第6個項目添加到第一個項目中，那么我只需要存儲5個項目。 我完成了那部分，但是在檢索它時，它會檢索已刪除的數據並跳過第四項。 有任何想法嗎？

我如何設置東西

 var _i = 0 //global;
 storage.setItem(_i, URL);

checkLimit

if(storage.length >= 5)
{
   var _a = storage.getItem(0);
   storage.removeItem( _a );
   _a += 1;
}

檢索時

for( var _x = 1; _x <= storage.length - 1; _x++)
{
  var _url = storage.getItem(_x);
}

更新

哦，我忘了提到，當我使用鍵索引來獲取項目時，它不會顯示已刪除的數據，但會以某種方式跳過第四個數據。

更新2

現在，它不會跳過第四條記錄，但是會顯示已刪除的數據，並且不會顯示最后添加的數據。 例如

the //first
avengers //second
are //third
coming //fourth
now //fifth
excited //sixth

由於我專門將其限制為五（5）， the應將其從列表中刪除，並應添加excited值。 它做的很好，但是當我關閉應用程序並嘗試檢索它返回的數據時

the
avengers
are
coming
now

它不顯示excited我是說的嗎？

Answer 1

您不能依賴Web存儲鍵的順序。 檢查以下問題： HTML5 localStorage鍵順序
如果要執行此操作，只需使用將存儲在localStorage中的數組對象。