Как проверить, есть ли у объекта какие-либо свойства в JavaScript?

Предполагая, что я объявляю

var ad = {}; 

Как проверить, будет ли этот объект содержать какие-либо пользовательские свойства?

Ответ 1

Вы можете перебрать свойства вашего объекта следующим образом:

for(var prop in ad) {
    if (ad.hasOwnProperty(prop)) {
        // handle prop as required
    }
}

Важно использовать метод hasOwnProperty(), чтобы определить, имеет ли объект указанное свойство как прямое свойство и не унаследован от цепочки прототипов объекта.

редактировать

Из комментариев: вы можете поместить этот код в функцию и заставить его возвращать false, как только он достигнет той части, где есть комментарий

Тест производительности

Test Of Object.Keys vs For..In При тестировании любых свойств

Ответ 2

Вы можете использовать встроенный метод Object.keys, чтобы получить список ключей на объекте и проверить его длину.

var x = {};
// some code where value of x changes and than you want to check whether it is null or some object with values

if(Object.keys(x).length > 0){
 // Your code here if x has some properties  
}

Ответ 3

Как сделать простую функцию?

function isEmptyObject(obj) {
  for(var prop in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, prop)) {
      return false;
    }
  }
  return true;
}

isEmptyObject({}); // true
isEmptyObject({foo:'bar'});  // false

Вызов метода hasOwnProperty непосредственно на Object.prototype заключается только в том, чтобы добавить немного больше безопасности, представьте себе следующее, используя обычный вызов obj.hasOwnProperty(...):

isEmptyObject({hasOwnProperty:'boom'});  // false

Примечание: (для будущего) Вышеупомянутый метод опирается на оператор for...in, и этот оператор выполняет итерацию только по перечислимым свойствам, в наиболее широко распространенной в настоящее время ECMAScript Standard (3-е издание) программист не имеет возможности создавать неперечислимые свойства.

Однако теперь это изменилось с ECMAScript 5th Edition, и мы можем создавать неперечислимые, незаписываемые или не подлежащие удалению свойства, поэтому приведенный выше метод может выйти из строя, например:

var obj = {};
Object.defineProperty(obj, 'test', { value: 'testVal', 
  enumerable: false,
  writable: true,
  configurable: true
});
isEmptyObject(obj); // true, wrong!!
obj.hasOwnProperty('test'); // true, the property exist!!

Решение этой проблемы ECMAScript 5 будет:

function isEmptyObject(obj) {
  return Object.getOwnPropertyNames(obj).length === 0;
}

Метод Object.getOwnPropertyNames возвращает Array, содержащий имена всех собственных свойств объекта, перечисляемых или нет, этот метод теперь реализуется поставщиками браузеров, уже на бета-версии Chrome 5 и последней версии WebKit Ночные сборки.

Object.defineProperty также доступен в этих браузерах и последних версиях Firefox 3.7 Alpha.

Ответ 4

С помощью jQuery вы можете использовать:

$.isEmptyObject(obj); // Returns: Boolean

В jQuery 1.4 этот метод проверяет оба свойства самого объекта и свойства, унаследованные от прототипов (в том, что он не использует hasOwnProperty).

С ECMAScript 5th Edition в современных браузерах (IE9 +, FF4 +, Chrome5 +, Opera12 +, Safari5 +) вы можете использовать встроенный Object.keys метод:

var obj = { blah: 1 };
var isEmpty = !Object.keys(obj).length;

Или простой старый JavaScript:

var isEmpty = function(obj) {
               for(var p in obj){
                  return false;
               }
               return true;
            };

Ответ 5

В последних браузерах (и node.js) поддерживается Object.keys(), который возвращает массив со всеми ключами в объектном литерале, чтобы вы могли сделать следующее:

var ad = {}; 
Object.keys(ad).length;//this will be 0 in this case

Поддержка браузера: Firefox 4, Chrome 5, Internet Explorer 9, Opera 12, Safari 5

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

Ответ 6

Если вы используете underscore.js, вы можете использовать функцию _. isEmpty:

var obj = {};
var emptyObject = _.isEmpty(obj);

Ответ 7

Если вы хотите использовать lodash, вы можете использовать метод some.

_.some(obj) // returns true or false

См. этот небольшой jsbin пример

Ответ 8

for (var hasProperties in ad) break;
if (hasProperties)
    ... // ad has properties

Если вам нужно быть в безопасности и проверить прототипы объектов (они добавляются некоторыми библиотеками, а не там по умолчанию):

var hasProperties = false;
for (var x in ad) {
    if (ad.hasOwnProperty(x)) {
        hasProperties = true;
        break;
    }
}
if (hasProperties)
    ... // ad has properties

Ответ 9

for(var memberName in ad)
{
  //Member Name: memberName
  //Member Value: ad[memberName]
}

Член означает свойство члена, переменную-член, все, что вы хотите назвать > _ >

Вышеприведенный код вернет ВСЕ, в том числе toString... Если вы хотите узнать, был ли расширен прототип объекта:

var dummyObj = {};  
for(var memberName in ad)
{
  if(typeof(dummyObj[memberName]) == typeof(ad[memberName])) continue; //note A
  //Member Name: memberName
  //Member Value: ad[memberName]

}

Примечание A: Мы проверяем, имеет ли элемент фиктивного объекта тот же тип, что и наш член тестируемого объекта. Если это расширение, тип элемента dummyobject должен быть "undefined"

Ответ 10

Есть два способа сделать это:

  • propName в obj
  • obj.hasOwnProperty(PROPNAME)

Однако обратите внимание: между ними существует очень большая разница:

Первый возвращает true, если obj имеет свойство с именем propName (obj.propName), но если он не найдет его, он будет держать в поисках propName с помощью prototype дерево. Если он найдет его там, выражение вернет true, иначе оно вернет false.

Второй пример будет проверять только сам объект без, проверяя его прототип (ы). Это очень похоже на повторение массива.

Пример:

function Obj(){
    this.a = undefined;
    this.b = null;
    this.c = false;
}

Obj.prototype = {
    d: true,
    e: true
};

var obj = new Obj();

И проверить это:

"a" in obj  // true
"e" in obj  // true

obj.hasOwnProperty("a")  // true
obj.hasOwnProperty("e")  // false

Ответ 11

Если вы уверены, что объект является определяемым пользователем, самый простой способ определить, является ли UDO пустым, будет следующий код:

isEmpty=
/*b.b Troy III p.a.e*/
function(x,p){for(p in x)return!1;return!0};

Несмотря на то, что этот метод (по своей природе) является дедуктивным, - это самый быстрый и быстрый.

a={};
isEmpty(a) >> true

a.b=1
isEmpty(a) >> false 

p.s.: ! не используйте его в определенных браузером объектах.

Ответ 12

Поздний ответ, но некоторые структуры обрабатывают объекты как перечисляемые. Поэтому bob.js может сделать это вот так:

var objToTest = {};
var propertyCount = bob.collections.extend(objToTest).count();

Ответ 13

var hasAnyProps = false; for (var key in obj) { hasAnyProps = true; break; }
// as of this line hasAnyProps will show Boolean whether or not any iterable props exist

Простой, работает в каждом браузере, и хотя он технически представляет собой цикл для всех ключей на объекте, он выполняет НЕ цикл через все их... либо там 0, и цикл не запускается или есть некоторые, и он ломается после первого (потому что все, что мы проверяем, есть, если есть ЛЮБОЙ... так зачем продолжать?)

Ответ 14

Вы можете использовать следующее:

Двойной удар! поиск свойств

var a = !![]; // true
var a = !!null; // false

hasOwnProperty Это то, что я использовал:

var myObject = {
  name: 'John',
  address: null
};
if (myObject.hasOwnProperty('address')) { // true
  // do something if it exists.
}

Однако JavaScript решил не защищать имя метода, поэтому его можно было подделать.

var myObject = {
  hasOwnProperty: 'I will populate it myself!'
};

prop в myObject

var myObject = {
  name: 'John',
  address: null,
  developer: false
};
'developer' in myObject; // true, remember it looking for exists, not value.

TypeOf

if (typeof myObject.name !== 'undefined') {
  // do something
}

Однако он не проверяет значение null.

Я думаю, что это лучший способ.

в операторе

var myObject = {
  name: 'John',
  address: null
};

if('name' in myObject) {
  console.log("Name exists in myObject");
}else{
  console.log("Name does not exist in myObject");
}

результат:

Имя существует в myObject

Вот ссылка, которая более подробно описывает оператор in: Определение наличия свойства объекта

Ответ 15

Я написал 2 компонента с открытым исходным кодом, которые могут быть полезны для этого. Если вы хотите проверить, имеет ли объект определенную пользовательскую оперу, вы можете использовать этот объект - hasOwnPropert. Примеры:

hasOwnProperty({foo: 'bar'}, 'foo') // => true
hasOwnProperty({foo: 'bar'}, 'bar') // => false

Чтобы проверить, имеет ли объект какие-либо свойства (то есть, он пуст), вы можете использовать этот объект-пустой компонент.

Примеры:

empty([]) // => true
empty({}) // => true
empty(1) // => false
empty('') // => false
empty('foo') // => true

Надеюсь, что это поможет.

Ответ 16

Ответ очень поздний, но вот как вы могли бы справиться с прототипами.

Array.prototype.Any = function(func) {
    return this.some(func || function(x) { return x });
}

Object.prototype.IsAny = function() {
    return Object.keys(this).Any();
}