Как проверить, пустой ли массив в JS

В JavaScript перед нами часто стоит задача проитерировать массив и что-то сделать с его элементами - например, отобразить лист задач на странице.

Так как мы с вами думаем о пользователе, мы должны предусмотреть такой вариант, когда массив данных будет пуст, и отобразить соответствующий коммуникат для пользователя.

Массив в JS - это объект, обычные проверки на false и т.д. не сработают.

Варианты проверки массива:

• С помощью сторонней библиотеки (на пример lodash)
• Проверяя длину массива

Используя библиотеку lodash

import { isEmpty } from "lodash";

const emptyArr = [];
const notEmptyArr = [1];

isEmpty(emptyArr); // true
isEmpty(notEmptyArr); // false

Используя длину массива:

const emptyArr = [];
const notEmptyArr = [1];

if(emptyArr.length > 0) {
  // Do something
} else {
  // Show No items message
}

Существует другая удобная запись проверки длины массива

Используя оператор НЕ (!)

1. Оператор НЕ сначала приводит аргумент к логическому типу true/false
2. Затем возвращает противоположное значение

Двойное НЕ используют для преобразования значений к логическому типу

const emptyArr = [];
const notEmptyArr = [1];

console.log(!emptyArr.length); // true - ! проверка на то что массив пуст
console.log(!!emptyArr.length); // false - !! проверка на то что массив НЕ пуст

console.log(!notEmptyArr.length); // false
console.log(!!notEmptyArr.length); // true

Удачи!