Object.keys()方法使用

HZM_CSDN

于 2021-10-20 21:06:16 发布

阅读量232

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/HZM_CSDN/article/details/120845303

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了JavaScript的Object.keys()方法，它返回一个对象的可枚举属性组成的数组，遵循for...in循环的顺序。当在不支持此方法的环境中，可以通过提供的代码实现兼容。这段代码检查对象的属性并处理 DontEnum Bug，确保返回所有可枚举属性，包括那些在某些浏览器中可能被忽略的内置属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Object.keys()方法会返回一个由给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用for…in循环遍历该对象时返回的顺序一致，如果对象的键-值都不可枚举，那么将返回由键组成的数组

代码演示 :

如果要在原生不支持的，旧环境中添加兼容的Object.keys，了解以下代码段：

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