JS метод Storage.key()
Загальний опис
key — це метод, який використовується для отримання імені ключа на основі його індексу в об'єкті сховища (localStorage або sessionStorage). Метод дозволяє працювати з елементами сховища без необхідності знати їхні конкретні ключі, що може бути корисно при переборі всіх елементів у сховищі.
Синтаксис:
storage.key(index);
index— це індекс, за яким знаходиться потрібний ключ у сховищі. Це число, яке вказує на порядок елемента, починаючи з нуля.- Повертається ключ (як рядок), що відповідає зазначеному індексу. Якщо індекс виходить за межі доступних елементів, метод повертає
null.
Приклад використання:
Уявімо, що у вас є кілька елементів у сховищі, і ви хочете отримати всі їхні ключі:
localStorage.setItem('name', 'Alice');
localStorage.setItem('age', '30');
localStorage.setItem('city', 'Kyiv');
for (let i = 0; i < localStorage.length; i++) {
console.log(localStorage.key(i)); // Виведе 'name', 'age', 'city'
}
У цьому прикладі метод key(i) використовується для отримання всіх ключів у порядку їх індексів. Зазначте, що порядок збереження елементів у сховищі є важливим при виклику методу через індекси.
Пояснення:
Метод key дозволяє ефективно перебирати всі елементи у сховищі без необхідності зберігати кожен ключ вручну. Це дуже зручно, коли потрібно працювати з великими обсягами даних, або якщо ви хочете динамічно звертатися до ключів, не знаючи їх точні назви.
| Порада: | Якщо ви працюєте з великим набором даних, важливо пам'ятати, що |
| Порада: | Використовуйте |
| Порада: | Якщо вам потрібно очистити сховище, але ви хочете зберегти певні ключі, ви можете використовувати |
Синтаксис
storage.key(index);Параметри
Return
keyПовертає ключ (ім'я) елемента у вигляді рядка за його індексом у сховищі.
Цей метод отримує ключ елемента за вказаним індексом і повертає його, якщо він існує. Якщо індекс виходить за межі доступних елементів у сховищі, метод поверне
null.
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
4 |
3.5 |
4 |
10.5 |
12 |
| Переглядач | ||||
|---|---|---|---|---|
37 |
18 |
6 |
3.2 |
| Переглядач | ||
|---|---|---|
- |
1.10 |
Приклади
Цей приклад дозволяє користувачеві взаємодіяти з веб-сторінкою та зберігати ключі у локальному сховищі. Користувач вводить ключ і значення в форму, після чого вони зберігаються у localStorage. Після кожного додавання, список збережених ключів оновлюється, і користувач може побачити всі ключі, що були збережені за допомогою методу key().
Метод key() у JavaScript дозволяє отримувати ключі на основі їх індексів у сховищі, тому ми використовуємо його для відображення всіх ключів, збережених у локальному сховищі. Кожен раз, коли користувач додає новий елемент, список оновлюється, відображаючи всі ключі, що знаходяться в localStorage.
У цьому прикладі ми перебираємо всі елементи в localStorage за індексами та виводимо кожен ключ разом із його значенням. Це корисно, коли потрібно швидко переглянути всі збережені дані.
for (let i = 0; i < localStorage.length; i++) {
console.log(`Ключ ${i}: ${localStorage.key(i)} - Значення: ${localStorage.getItem(localStorage.key(i))}`);
}У цьому прикладі ми перевіряємо всі ключі в localStorage і шукаємо ключ userData. Якщо він існує, завантажуємо його значення. Це може бути корисно для пошуку специфічних даних серед усіх збережених елементів.
function loadData() {
for (let i = 0; i < localStorage.length; i++) {
const key = localStorage.key(i);
if (key === 'userData') {
const userData = JSON.parse(localStorage.getItem(key));
console.log('Дані користувача знайдені:', userData);
}
}
}