Генерация ключей в LocalStorage?

Question

[migoz]

Можно ли сделать следующее: есть форма - login и password. Хочу для теста сохранять логи и пароль в localStorage. Как сделать так, чтобы после отправки формы разными пользователями происходила такая, например, запись в хранилище:

user1:  'login: azimut, password: 123',
 user2:  'login: bro, password: 234'

Т.е чтобы key автоматически увеличивался(user1......user12) после отправки формы и тем самым не происходила перезапись. Как это сделать?

Answer 1

[Игорь]

let keyName = 'user' + localStorage.length;
localStorage.setItem(keyName, 'login: azimut, password: 123');

Comments

[Александр]

Лучше отдельно количество хранить. А ещё лучше так вообще не делать.

[migoz]

Очень благодарен))

[migoz]

Александр, не могли бы Вы подробнее насчет "отдельно количество хранить" рассказать?

[Игорь]

Александр, Если куратор тега JS так говорит, я бы прислушался к его совету .

[Игорь]

Александр, Да я бы тоже хотел узнать подробнее что вы имели ввиду.

[Elvis]

А лучше используйте IndexedDB
Там представление как таблица, как база данных. удобно.

[Игорь]

Elvis, Но все же он спросил именно про LocalStorage

[Elvis]

loonny, зачастую люди не знают о других подходах ;)

[Александр]

Elvis, migoz,

const save = (login, password) => {
    const index = JSON.parse(localStorage.getItem('userIndex')) || 1;

    localStorage.setItem('userIndex', index + 1);
    localStorage.setItem(`user${index}`, JSON.stringify({ login, password }));
};

save('John', 'qwerty');
save('Emily', 'password');

На счет IndexedDB верно замечено, и получить данные (а также что-либо делать с ними) не так просто.

[Игорь]

Александр, я так и не понял почему нельзя использовать localStorage.length? Для чего придумывать велосипед, когда есть мотоцикл?

[Александр]

loonny, Ну, предположим, что Вы захотите узнать все ключи так, да?

const printAll = () => {
    const count = JSON.parse(localStorage.getItem('userIndex'));

    if (count !== null && count > 1) {
        for (let index = 1; index < count; index++) {
            console.log(JSON.parse(localStorage.getItem(`user${index}`)));
        }
    }
};

Почему не localStorage.length? Потому, что в localStorage могут быть записаны и другие данные, но не те, которые ожидаем получить в коде выше. И тогда цикл будет проходить по всему localStorage вхолостую.

[Игорь]

Ну.. Человек описал задачу весьма точно, там не будет данных которые не ожидаешь получить.

[Elvis]

loonny, вообще то сайт в тот же может в локальное хранилище пихать данные. да и плагины могут. так что там может быть всякая не интересная вам хрень.
Александр, ну я бы не сказал что сложно. достаточно просто разобраться. да, проще конечно одной строчкой в локал скинуть, но в базе более функциональнее.

[Александр]

Elvis, Это вообще идеальный вариант.

[Игорь]

Elvis, Может. Но он достаточно четко описал вопрос. Зачем додумывать вопрос за автора?