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, ви можете отримати доступ до всіх індексів і здійснювати операції з усіма елементами.

автор: Bond правити

Порада

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

автор: Bond правити

Порада

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

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

storage.length

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	4	3.5	4	10.5	12	8

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	6	3.2

Підтримка: серверні переглядачі

Переглядач
	1.10

Приклади

+ запропонувати свій приклад у пісочниці

localStorage.setItem("user", JSON.stringify({name: "Alice", age: 30}));
localStorage.setItem("session", "active");

if(localStorage.length > 0) {
    console.log("Маємо дані в сховищі");
}

for (let i = 0; i < localStorage.length; i++) {
    let key = localStorage.key(i);
    console.log(key + ": " + localStorage.getItem(key));
}