Различия

Показаны различия между двумя версиями страницы.

--- veb-sxovischa [2023/12/29 19:19]
tro
+++ veb-sxovischa [2024/01/16 18:40] (текущий)
tro
@@ Строка 11: / Строка 11: @@
 ====== Інструменти розробника ======
 {{:webtoolstorage.png?600|}}
-===== window.localStorage  =====
+====== Локальне сховище. window.localStorage ======
 Доступ до локалього сховища
 <code>
@@ Строка 39: / Строка 39: @@
 ===== removeItem =====
 Видаляє зі сховища існуючий запис з ключем key. В результаті своєї роботи він не повертає значення.
+  * **По ключу**
 <code>
 localStorage.setItem("ui-theme", "dark");
@@ Строка 45: / Строка 46: @@
 localStorage.removeItem("ui-theme");
 console.log(localStorage.getItem("ui-theme")); // null
+</code>
+  * **Полная очистка**
+<code>
+localStorage.clear();
 </code>
+====== Сховище сессії. window.sessionStorage======
+Доступ до сховища сесії
+<code>
+console.log(window.sessionStorage);
+// Storage {length: 0}
+</code>
+===== setItem =====
+Додавання даних до сховища сесії
+<code>
+sessionStorage.setItem("ui-theme", "light");
+</code>
+<code>
+const settings = {
+  theme: "dark",
+  isAuthenticated: true,
+  options: [1, 2, 3],
+};
+sessionStorage.setItem("settings", JSON.stringify(settings));
+</code>
+===== getItem =====
+дозволяє зчитати зі сховища сесії запис із ключем key і повертає його значення у JSON форматі.
+<code>
+const savedTheme = sessionStorage.getItem("ui-theme");
+console.log(savedTheme); // "light"
+</code>
+===== removeItem =====
+Видаляє зі сховища сесії існуючий запис з ключем key. В результаті своєї роботи він не повертає значення.
+  * **По ключу**
+<code>
+sessionStorage.setItem("ui-theme", "dark");
+console.log(sessionStorage.getItem("ui-theme")); // "dark"
+sessionStorage.removeItem("ui-theme");
+console.log(sessionStorage.getItem("ui-theme")); // null
+</code>
+  * **Полная очистка**
+<code>
+sessionStorage.clear();
+</code>
+===== key =====
+ отримання ключа за індексом
+<code>
+const myKey = localstorage.key(0);
+</code>