Як перевірити, чи має об’єкт якісь властивості в JavaScript?

Якщо припустити, я заявляю

var ad = {}; 

Як я можу перевірити, чи буде цей об’єкт містити визначені користувачем властивості?

Ви можете переключити властивості об'єкта наступним чином:

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

Важливо використовувати hasOwnProperty()метод, щоб визначити, чи має об'єкт вказану властивість як безпосередню властивість, а не успадковується від прототипу ланцюга об'єкта.

Редагувати

З коментарів: Ви можете поставити цей код у функцію та змусити його повернути помилковим, як тільки він досягне тієї частини, де є коментар

Тест на продуктивність

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 5-го видання в сучасних браузерах (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);

Якщо ви готові використовувати лодаш , ви можете скористатися someметодом.

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

Дивіться цей невеликий приклад jsbin

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

Якщо вам потрібно бути безпечним і перевірити наявність прототипів Object (вони додаються певними бібліотеками, а за замовчуванням їх немає):

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: Ми перевіряємо, чи має член об'єкта манекена той же тип, що і член нашого об'єкта тестування. Якщо це розширення, тип члена манекена повинен бути "невизначеним"

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
}

Однак він не перевіряється на 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: Визначення, чи існує властивість об'єкта

Функція 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