Как проверить объект на пустоту js?
Стоит вот такая задача. Подскажите как решить. Просто проверку на пустоту нашёл как сделать,но она не включает в себя что or all its properties are falsy (i.e. 0, », false . ) .
/**
* You have to implement function that will check that object is empty
* Object considered to be empty when it has no properties
* or all its properties are falsy (i.e. 0, », false . )
*
* @param object
* return
*/
- Вопрос задан более года назад
- 272 просмотра
Комментировать
Решения вопроса 0
Ответы на вопрос 1
По идее так
function empty(obj)< return Object.keys(obj).length == 0 || Object.keys(obj).every(e=>!obj[e]); >Ответ написан более года назад
Нравится 1 2 комментария
Дмитрий Беляев @bingo347 Куратор тега JavaScript
Object.keys(obj) по хорошему 1 раз считать
Ну и он не учитывает не перечисляемые свойства, возможно нужен Object.getOwnPropertyNames
Дмитрий Беляев, да но getOwnPropertyNames не видит унаследованные свойства, возможно нужно комбинировать их, ну я не заморачивался
JavaScript | Как проверить объект на пустоту?
Мы хотим проверить эти объекты на пустоту. Как это сделать?
Как проверить, что объект пустой и у него нет свойств?
Под словом «пустой» мы подразумеваем такой объект, в котором нет ключей и значений — то есть нет свойств.
Сделать такую проверку можно через метод конструктора класса Object, который называется getOwnPropertyNames() . Этот метод всегда принимает только один параметр — какой-то объект. Возвращает массив из названий ключей, которые принадлежат только этому объекту. Метод не ныряет в наследственные свойства своих прототипов, а ограничивается только собственным уровнем.
Стало быть, если мы получим массив длиной ноль, то это значит, что у нашего объекта нет никаких ключей и такой объект можно назвать пустым.
Object.getOwnPropertyNames(obj1) ['a'] Object.getOwnPropertyNames(obj2) []
Данные выражения возвращают массивы.
Теперь можно получить длины массивов и понять пустой объект перед нами или нет.
Object.getOwnPropertyNames(obj1).length 1 Object.getOwnPropertyNames(obj2).length 0
В случае с первым объектом получаем массив длиной 1. А в случае со вторым объектом получаем массив длиной 0.
Функция проверки объекта на пустоту
Значения длин можно сразу вносить в оператор ветвления — IF. Для этого нужно создать функцию.
function isEmptyObj(obj)< if(Object.getOwnPropertyNames(obj).length)return false> elsereturn true> >;
Пример работы функции:
Вызов нашей функции isEmptyObj() для первого объекта вернёт логический тип со значением false. Для второго объекта — true.
js проверить что объект не пустой
Чтобы проверить, что объект не является пустым, можно с помощью метода Object.keys() получить массив ключей этого объекта, а потом сравнить длину массива с нулём.
const notEmptyObject = 1: 'a', 2: 'b', 3: 'c', >; const emptyObject = <>; console.log(Object.keys(notEmptyObject).length !== 0) // => true (объект не пустой) console.log(Object.keys(emptyObject).length !== 0) // => false (объект пустой) Как проверить объект на пустоту в JavaScript
В новых браузерах можно спокойно использовать метод Object.keys() , чтобы проверить объект на пустоту в JavaScript . А для поддержки старых — установить библиотеку Lodash и применить встроенный в нее метод isEmpty .
const empty = <>; // Проверка для новых версий браузеров Object.keys(empty).length === 0 && empty.constructor === Object // true // Проверка для старых версий браузеров и IE _.isEmpty(empty) // true
Проверка объектов на пустоту в JavaScript в новых браузерах
Для ванильного js достаточно использовать новый метод Object.keys() .
const empty = <>; Object.keys(empty).length === 0 && empty.constructor === Object;
Для чего необходима дополнительная проверка конструктора? В JavaScript имеется девять встроенных конструкторов.
new Object(); new String(); new Number(); new Boolean(); new Array(); new RegExp(); new Function(); new Date();
Мы можем создать пустой объект с помощью new Object() , но стоит отметить, что:
Никогда не следует создавать объект с помощью конструктора. Это считается плохой практикой.
const obj = new Object(); Object.keys(obj).length === 0; // true
При обычном использовании Object.keys() он возвращает true , если объект пуст. Но что происходит, когда мы создаем новый экземпляр объекта с помощью других вышеуказанных конструкторов.
function badEmptyCheck(value) < return Object.keys(value).length === 0; >badEmptyCheck(new String()); // true badEmptyCheck(new Number()); // true badEmptyCheck(new Boolean()); // true badEmptyCheck(new Array()); // true badEmptyCheck(new RegExp()); // true badEmptyCheck(new Function()); // true badEmptyCheck(new Date()); // true
Такая попытка проверить объект на пустоту в js выдает ложное срабатывание true .
Решение проблемы ложных срабатываний
Это можно легко исправить, добавив проверку конструктора.
function goodEmptyCheck(value) < Object.keys(value).length === 0 && value.constructor === Object; // Проверка конструктора >goodEmptyCheck(new String()); // false goodEmptyCheck(new Number()); // false goodEmptyCheck(new Boolean()); // false goodEmptyCheck(new Array()); // false goodEmptyCheck(new RegExp()); // false goodEmptyCheck(new Function()); // false goodEmptyCheck(new Date()); // false
Отлично! Теперь мы получили верный ответ.
Как проверить объект на пустоту в JavaScript при других значениях
Давайте протестируем этот метод с некоторыми другими значениями.
function isEmptyObject(value)
Пока все выглядит хорошо. Для не объектов такой код возвращает false .
isEmptyObject(100); // false isEmptyObject(true); // false isEmptyObject([]); // false
Но с таким подходом следует быть осторожным! Такие значения вызовут ошибку.
Проверка объекта на null и undefined
Чтобы избежать ошибки TypeError можно применить дополнительную проверку.
let value; value && Object.keys(value).length === 0 && value.constructor === Object; // Проверка на null и undefined value = null; // null value = undefined; // undefined
В этом случае никаких ошибок возникать не будет.
Как проверить объект на пустоту в JavaScript для старых версий браузеров
Для поддержки старых браузеров и Internet Explorer существует два варианта на выбор: использовать нативный js или библиотеки. Простой «ванильный» способ выглядит не очень лаконичным, но работает хорошо.
function isObjectEmpty(value) < return ( Object.prototype.toString.call(value) === '[object Object]' && JSON.stringify(value) === '<>' ); >
Он возвращает true для объектов.
isObjectEmpty(<>); // true isObjectEmpty(new Object()); // true
И объектам-конструкторам его тоже не обмануть.
isObjectEmpty(new String()); // false isObjectEmpty(new Number()); // false isObjectEmpty(new Boolean()); // false isObjectEmpty(new Array()); // false isObjectEmpty(new RegExp()); // false isObjectEmpty(new Function()); // false isObjectEmpty(new Date()); // false
Он также отлично обрабатывает объекты при null и undefined , возвращая false и не выдавая TypeError .
isObjectEmpty(null); // false isObjectEmpty(undefined); // false
Использование сторонних библиотек
Существует множество внешних библиотек, которые позволяют проверить объект на пустоту в js . Большинство из них обеспечивают отличную поддержку IE и старых версий браузеров.
Lodash
_.isEmpty(<>); // true
Underscore
_.isEmpty(<>); // true
jQuery
jQuery.isEmptyObject(<>); // true
Чистый JavaScript или библиотеки
Что именно выбрать, зависит от обстоятельств. Я отдаю предпочтение «ванильному» js и стараюсь использовать его всегда. Подключение внешних библиотек не всегда оправдано и негативно сказывается на скорости загрузки сайтов и их работе. Да и изучать документацию и настраивать библиотеку для таких мелочей особого смысла тоже нет. Но если разрабатываемое приложении уже предполагает использование сторонних библиотек, то почему бы не задействовать их. В любом случае окончательный выбор того, как в JavaScript проверить объект на пустоту зависит от личных предпочтений каждого и конкретной задачи.
Прочие методы проверки
for (let key in object) < if (object.hasOwnProperty(key)) < return false; >return true; >