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

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

var ad = {}; 

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

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

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

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

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

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

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

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

Вы можете использовать встроенный 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  
}

Как насчет создания простой функции?

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 (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 Beta и последний WebKit ночные сборки.

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

С 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;
            };

Самые последние браузеры (и 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

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

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

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

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

Посмотрите этот маленький пример jsbin

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

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"

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 и цикл не запускается, либо есть некоторые, и он прерывается после первого один (потому что все, что мы проверяем, если есть что-нибудь ... так зачем продолжать?)

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

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

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

Когда вы уверены, что объект является пользовательским, самым простым способом определить, является ли 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 

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

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

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

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

Двойной взрыв! поиск недвижимости

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!'
};

опора в myObject

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

тип

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

Однако, это не проверяет на ноль.

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

в операторе

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: Определение существования свойства объекта.

Функция ES6

/**
 * Returns true if an object is empty.
 * @param  {*} obj the object to test
 * @return {boolean} returns true if object is empty, otherwise returns false
 */
const pureObjectIsEmpty = obj => obj && obj.constructor === Object && Object.keys(obj).length === 0

Примеры:

let obj = "this is an object with String constructor"
console.log(pureObjectIsEmpty(obj)) // empty? true

obj = {}
console.log(pureObjectIsEmpty(obj)) // empty? true

obj = []
console.log(pureObjectIsEmpty(obj)) // empty? true

obj = [{prop:"value"}]
console.log(pureObjectIsEmpty(obj)) // empty? true

obj = {prop:"value"}
console.log(pureObjectIsEmpty(obj)) // empty? false

Как насчет этого?

var obj = {},
var isEmpty = !obj;
var hasContent = !!obj