js判断一个对象Object是否为空对象

js判断空对象的方法
判断一个js对象是否是空对象isEmptyObject
author: @TiffanysBear

方法一:使用for...in遍历

var isEmptyObject = function () {
    for (var i in this) {
        return false;
    }
    return true;
}
// 尽量不要使用object.prototype直接进行修改
// 否则会为继承时生成的对象新增不必要的可枚举属性
// 同时可被for-in枚举到
Object.defineProperty(Object.prototype, 'isEmptyObject', {
    writable: false,
    configurable: false,
    enumerable: false,
    value: isEmptyObject
});

方法二:使用JSON.stringify方法

var isEmptyObject = function () {
    return JSON.stringify(obj) === '{}';
}

Object.defineProperty(Object.prototype, 'isEmptyObject', {
    writable: false,
    configurable: false,
    enumerable: false,
    value: isEmptyObject
});

方法三:使用ES6的Object.keys

var isEmptyObject = function () {
    return Object.keys(a).length === 0;
}

Object.defineProperty(Object.prototype, 'isEmptyObject', {
    writable: false,
    configurable: false,
    enumerable: false,
    value: isEmptyObject
});

如果不支持Object.keys,采用如下的polyfill:

if (!Object.keys) {
  Object.keys = (function () {
    var hasOwnProperty = Object.prototype.hasOwnProperty,
        hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
        dontEnums = [
          'toString',
          'toLocaleString',
          'valueOf',
          'hasOwnProperty',
          'isPrototypeOf',
          'propertyIsEnumerable',
          'constructor'
        ],
        dontEnumsLength = dontEnums.length;

    return function (obj) {
      if (typeof obj !== 'object' && typeof obj !== 'function' || obj === null) {
          throw new TypeError('Object.keys called on non-object');
      }

      var result = [];

      for (var prop in obj) {
        if (hasOwnProperty.call(obj, prop)) result.push(prop);
      }

      if (hasDontEnumBug) {
        for (var i=0; i < dontEnumsLength; i++) {
          if (hasOwnProperty.call(obj, dontEnums[i])) result.push(dontEnums[i]);
        }
      }
      return result;
    }
  })()
};

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文为阮一峰大神的《ECMAScript 6 入门》的个人版提纯! babel babel负责将JS高级语法转义,...
    Devildi已被占用阅读 6,117评论 0 4
  • 1.属性的简洁表示法 允许直接写入变量和函数 上面代码表明,ES6 允许在对象之中,直接写变量。这时,属性名为变量...
    雨飞飞雨阅读 4,865评论 0 3
  • 属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。 上面代码表明,ES6允许在对象之中,直接写...
    oWSQo阅读 3,465评论 0 0
  • 首先一个是对JS中Object的理解:JavaScript中函数是一等公民,写在代码中的 Array/Object...
    皮皮坤666阅读 5,627评论 0 3
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 10,165评论 0 5

友情链接更多精彩内容