如何检查对象是否在 JavaScript 中有任何属性？

Question

假设我声明

var ad = {}; 

如何检查此对象是否包含任何用户定义的属性？

Answer 1

您可以使用内置的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){
 // Your code here if x has some properties  
}

Answer 2

做一个简单的函数怎么样？

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

直接在Object.prototype 上调用hasOwnProperty 方法只是为了增加一点安全，想象一下使用普通的obj.hasOwnProperty(...) 调用：

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

---

注意： _{(for the future)} 上述方法依赖于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 Nightly Builds 上。

Object.defineProperty 也可用于这些浏览器和最新的 Firefox 3.7 Alpha 版本。

Answer 3

您可以按如下方式遍历对象的属性：

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

重要的是使用hasOwnProperty()方法，判断对象是否具有指定属性作为直接属性，而不是继承自对象的原型链。

编辑

来自 cmets： 您可以将该代码放在一个函数中，并使其在到达有注释的部分时立即返回 false

Answer 4

使用 jQuery 你可以使用：

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

从 jQuery 1.4 开始，此方法检查对象本身的属性和从原型继承的属性（因为它不使用 hasOwnProperty）。

借助现代浏览器（IE9+、FF4+、Chrome5+、Opera12+、Safari5+）中的ECMAScript 5th Edition，您可以使用内置的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;
            };

Answer 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

Answer 6

如果您使用 underscore.js，那么您可以使用 _.isEmpty 函数：

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

Answer 7

如果你愿意使用lodash，可以使用some方法。

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

看这个小jsbinexample

Answer 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

Answer 9

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

Member表示Member属性，成员变量，随便你怎么称呼>_>

以上代码将返回所有内容，包括 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：我们检查虚拟对象的成员是否与我们的测试对象的成员具有相同的类型。如果是extend，dummyobject的成员类型应该是“undefined”

Answer 10

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 并且循环不运行或者有一些，它在第一个之后就中断了（因为我们要检查的是是否有任何......那么为什么要继续？）

Answer 11

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

Answer 12

当确定对象是用户定义的对象时，确定 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 

附言： !不要在浏览器定义的对象上使用它。

Answer 13

您可以使用以下内容：

双响！！属性查找

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。

我认为这是最好的方法。

in 运算符

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");
}

结果：

名称存在于我的对象中

这里有一个链接，可以更详细地了解 in 运算符：Determining if an object property exists

Answer 14

答案很晚，但这是您可以使用原型处理它的方式。

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

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

Answer 15

Object.hasOwn 是一种新的静态方法（并非所有浏览器都完全支持），它检查指定对象是否具有指定的属性作为他自己的属性，如果是则返回 true。如果该属性是继承的或该对象上不存在，它将返回 false。

您可以遍历对象属性并检查它们是否确实是自己的属性

for (let property in ad) {
   if (Object.hasOwn(ad, property)) {
    // handle your code for object own properties here
  }
}   

更多关于Object.hasOwn - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/

此处的浏览器兼容性 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn#browser_compatibility

Answer 16

我不确定这是否是一个好方法，但我使用此条件来检查对象是否具有任何属性。可以很容易地转化为函数。

const obj = {};
    
if(function(){for (key in obj){return true}return false}())
{
  //do something;
}
else
{
  //do something else;
}
    
//Condition could be shorted by e.g. function(){for(key in obj){return 1}return 0}()

Answer 17

这个怎么样？

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