このsessionstorageの命名システム/ forループを改善する方法は？

Question

商品を保管するために、sessionstorageを使用しているショッピングカートがあります。ユーザーが「カートに追加」をクリックすると、クリック数に等しいキーとアイテム名に等しい値を持つ新しいオブジェクトが保存されます。私はループの値を読み取るためにこれを使用します：

for (var i = 0; i < sessionStorage.length -1; i++) { 
if(sessionStorage.getItem(i + 1) != null) { 
... 
"<span class='item'>" + sessionStorage.getItem(i + 1) + "</span>" + 

ここに問題があります。私はカートから5の3の項目を削除します。別のアイテムを追加すると「6」と呼ばれますが、アイテムは1,2,4,5,6になります。forループはアイテム1,2,4および5のみを認識します。アイテム6を認識するにはどうすればいいですか？私はforループチェックを50にすることですばやく修正しましたが、これはちょっとばかげてリソースの枯渇のように思えます...

Answer 1

技術的には、それぞれのループで問題を解決できます。

for (var e in sessionStorage) { 
    document.write(e + '=>' + sessionStorage[e]); 
} 

ただし、どのように要素にアクセスしても問題ありません。この場合、sessionStorageを使用すると、設計上の選択肢が狭すぎます。 まず、sessionStorageは同じページの異なるスクリプト間で共有されるリソースなので、他のスクリプト（たとえば、使用するライブラリ）によってsessionStorageに何かが追加され、スクリプトが乱れることがあります。 JSONを使用してシリアル化し、独自のキーでsessionStorageを設定するなど、データをカプセル化することで、長期的にはさらに役立ちます。