Как улучшить эту систему присвоения имен sessionStorage/for loop?

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>" + 

В этом проблема. Скажем, я удаляю элемент 3 из 5 из моей корзины. Если я добавлю еще один элемент, он будет называться «6», но мои предметы будут 1, 2, 4, 5, 6. Мой цикл будет распознавать только пункты 1, 2, 4 и 5. Как узнать элемент 6 ? Я сделал быстрое исправление, проверив мой цикл до 50, но это просто кажется неаккуратным и болотом ресурсов ...

Answer 1

Ну, технически a для каждого цикла решит вашу проблему;

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

Однако неважно, как вы получаете доступ к своим элементам, используя sessionStorage таким образом, это плохой выбор дизайна. Прежде всего, поскольку sessionStorage является общим ресурсом по разным сценариям на одной странице, любой другой скрипт (например, библиотека, которую вы можете использовать) может добавить что-то в sessionStorage, и ваш скрипт запутался. Инкапсуляция ваших данных, например, их сериализация с помощью JSON и включение в sessionStorage уникального ключа к вашему скрипту, помогут вам в долгосрочной перспективе.