JS властивість Storage.length
Загальний опис
length — це властивість об'єкта Storage (наприклад, localStorage або sessionStorage), яка повертає кількість елементів, що зберігаються у сховищі. Вона відображає загальну кількість записаних ключів у сховищі, що дозволяє дізнатися, скільки елементів було додано.
Коли ви додаєте елементи в сховище через методи, такі як setItem(), властивість length оновлюється відповідно до кількості доданих елементів. Наприклад, якщо ви додаєте два елементи у localStorage, властивість length буде дорівнювати 2.
localStorage.setItem("name", "Alice");
localStorage.setItem("age", "25");
console.log(localStorage.length); // Виведе: 2
У цьому прикладі до localStorage додаються два елементи: "name" і "age". Властивість length повертає значення 2, оскільки є два елементи у сховищі.
Властивість length є тільки для читання, тобто ви не можете змінити її безпосередньо. Вона автоматично оновлюється кожного разу, коли ви додаєте або видаляєте елементи через методи setItem(), removeItem() або clear().
| Порада: | Ця властивість корисна для перевірки розміру сховища або підрахунку кількості елементів. Наприклад, якщо ви хочете пройти через всі елементи сховища, використовуючи |
| Порада: | Не забувайте, що властивість |
| Порада: | Якщо ви зберігаєте важливі дані в сховищі і хочете перевірити їх наявність перед їх використанням, перевірка значення |
Синтаксис
storage.lengthЗначення
Return
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
4 |
3.5 |
4 |
10.5 |
12 |
| Переглядач | ||||
|---|---|---|---|---|
37 |
18 |
6 |
3.2 |
| Переглядач | ||
|---|---|---|
- |
1.10 |
Приклади
Цей приклад демонструє роботу з властивістю length об'єкта localStorage. Користувач може додавати нові пари ключ-значення через форму, і при кожній зміні кількість елементів у сховищі оновлюється. Кнопка "Оновити кількість елементів" дозволяє вручну перевірити кількість елементів у сховищі без додавання нових. Використовуючи цю сторінку, користувач має наочне розуміння того, як працює властивість length для підрахунку елементів в localStorage.
Цей приклад перевіряє, чи є дані в localStorage. Якщо кількість елементів більша за нуль, виводиться повідомлення, що є дані. Це корисно для початкової перевірки перед завантаженням контенту на сторінці.
localStorage.setItem("user", JSON.stringify({name: "Alice", age: 30}));
localStorage.setItem("session", "active");
if(localStorage.length > 0) {
console.log("Маємо дані в сховищі");
}Цей код використовує length для перебору всіх елементів у localStorage і виведення їх ключів та значень. Це дозволяє вивести всі дані з сховища для подальшої обробки або відображення на сторінці.
for (let i = 0; i < localStorage.length; i++) {
let key = localStorage.key(i);
console.log(key + ": " + localStorage.getItem(key));
}