В этой статье вы узнаете, как вставлять, просматривать, удалять и обновлять данные из веб-хранилища с помощью JavaScript.
Хранить данные
Сделайте простой шаблон кода, как указано выше.
В JavaScript сначала получают текущие данные из локального хранилища и сохраняют в переменной массива storedData. Функция addToLocalStorage считывает данные из ввода и помещает их в storedData, после чего отправляет данные storedData в локальное хранилище. Эти функции набора и получения локального хранилища используют JSON для чтения и хранения.
Вы можете просмотреть сохраненные данные с помощью браузера -> щелкните правой кнопкой мыши -> проверить -> выберите вкладку «Приложение» -> выберите локальное хранилище в разделе «Хранилище» (Google Chrome). ниже приведены примеры
Чтение данных
Вышеприведенный код JavaScript показывает, как читать данные из локального хранилища. Сначала создайте и назначьте данные переменной массива ReadData из локального хранилища. Чтение и данные с помощью цикла for. Ниже приведены выходные данные консоли для данных локального хранилища.
Удалить данные
В соответствии с приведенным выше кодом функция DeleteData, вызываемая для удаления элемента массива в соответствии с идентификатором индекса массива, представляет собой вывод консоли до и после удаления данных из локального хранилища.
Обновить данные
В функции dataUpdate она удаляет старые и заменяет новые данные в соответствии с идентификатором индекса массива. Ниже приведены выходные данные консоли до и после обновления данных.
ПРИМЕР ВЕБ-ПРИЛОЖЕНИЯ ДЛЯ ЛОКАЛЬНЫХ ХРАНИЛИЩ
Простое приложение для составления списка дел. В этом приложении можно получить представление о хранении, просмотре, изменении и удалении из веб-хранилища HTML5 с использованием JavaScript и массивов.
GIT-репозиторий
https://github.com/blackburn3333/MyToDo
ДЕМО
