Як перевірити, чи масив JavaScript порожній (за допомогою .length)

Оригінальна публікація: How to Check if a JavaScript Array is Empty or Not with .length

Коли ви програмуєте в JavaScript, вам, можливо, знадобиться перевірити, чи порожній масив.

Щоб перевірити, порожній масив чи ні, ви можете скористатися властивістю .length.

Властивість length встановлює або повертає кількість елементів в масиві. Знаючи кількість елементів в масиві, можна визначити, порожній він чи ні. Порожній масив матиме 0 елементів всередині.

Пробіжимося по прикладах.

Приклад синтаксису .length

Const myArray = [‘Horses’, ‘Dogs’, ‘Cats’];

Тут ми створюємо змінну, яка вказує на масив.

Використовуючи властивість length, ми можемо перевірити довжину масиву:

myArray.length

Це поверне 3, оскільки в масиві 3 елементи.

Існує три способи перевірити, порожній масив чи ні, за допомогою .length.

Перший приклад

Спочатку створимо новий масив без елементів.

const arr = []

Тепер ми можемо перевірити, чи масив порожній, використовуючи .length.

arr.length

Це поверне 0, оскільки в масиві 0 елементів.

Другий приклад

Ми також можемо прямо перевірити, порожній масив чи ні.

if (arr.length === 0) { console.log("Array is empty!") }

Якщо наш масив порожній, буде надруковано повідомлення вище. Якщо в масиві є елементи, код в блоці if не виконуватиметься.

Третій приклад

Поєднуючи властивість length та логічний оператор «не» в JavaScript — символ «!» — ми можемо перевірити, порожній масив чи ні.

Оператор ! заперечує вираз. Його можна використати для повернення true, якщо масив порожній.

Для цього прикладу відкриємо нашу консоль JavaScript.

Спочатку створимо масив без елементів у ньому.

Далі використаємо логічний оператор «не» разом із нашою властивістю .length, щоб протестувати, порожній масив чи ні.

Якби ми не використали оператор «не», arr.length повернув би 0. З доданим оператором він поверне true, якщо його операнд false. Оскільки arr.length дорівнює 0, або false, він повертає true.

Використаємо твердження if та надрукуємо повідомлення, якщо наш масив порожній.

Коли перевіряєте, порожній масив чи ні, варто перевірити, чи справді масив є масивом.

Чому?

Тому що ви могли очікувати перевірити довжину масиву, але натомість у вас інший тип даних, наприклад, рядок:

Оскільки властивість length можна використовувати на інших типах даних, краще перевірити, чи ваш масив справді є масивом.

Я рекомендую використовувати метод Array.isArray(), щоб підтвердити, що масив є масивом. Цей метод визначає, чи передане є масивом. Якщо передане є масивом, цей метод поверне true.

Додамо цей метод до нашого прикладу.

Як використовувати метод Array.isArray()

Підіб’ємо підсумки

У цій публікації ми дізналися, що ви можете використовувати властивість length в JavaScript різними способами, щоб перевірити, чи масив порожній, чи ні. Властивість length повертає кількість елементів в масиві.

Ми також дізналися, що найкраще використовувати Array.isArray під час використання властивості .length, щоб перевірити, чи передане значення справді є масивом.