css.in.ua
Підтримати

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().

Порада:

Ця властивість корисна для перевірки розміру сховища або підрахунку кількості елементів. Наприклад, якщо ви хочете пройти через всі елементи сховища, використовуючи length, ви можете отримати доступ до всіх індексів і здійснювати операції з усіма елементами.
Порада:

Не забувайте, що властивість length повертає кількість елементів у сховищі, а не кількість записаних значень. Це важливо, коли ви додаєте чи видаляєте елементи. Наприклад, якщо ви викликаєте метод removeItem(), кількість елементів у сховищі зменшиться, і length це відобразить. Однак, якщо елементи зберігаються з однаковими іменами (ключами), то виклик length буде не зовсім коректно відображати їх кількість.
Порада:

Якщо ви зберігаєте важливі дані в сховищі і хочете перевірити їх наявність перед їх використанням, перевірка значення length може допомогти вам визначити, чи є елементи. Це важливо при роботі з динамічними даними або під час зберігання об'єктів.

Синтаксис

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));
}

Спільнота

Зв'язок