如何有效地计算JavaScript中对象的键/属性数量？

JavaScript

达蒙Tom

2020-03-09

计算对象的键/属性数量的最快方法是什么？是否可以在不迭代对象的情况下执行此操作？即不做

var count = 0;
for (k in myobj) if (myobj.hasOwnProperty(k)) count++;

（Firefox确实提供了一个魔术__count__属性，但是在版本4的某个位置将其删除。）

第257篇《如何有效地计算JavaScript中对象的键/属性数量？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共20个回答
ALPro 2020.03.09

我认为这是不可能的（至少在不使用某些内部组件的情况下）。而且我认为通过优化它不会带来太大收益。

A梅 2020.03.09

您可以使用：

Object.keys(objectName).length;

和 

Object.values(objectName).length;
神乐宝儿小小 2020.03.09

我试图使它可用于所有这样的对象：

Object.defineProperty(Object.prototype, "length", {
get() {
    if (!Object.keys) {
        Object.keys = function (obj) {
            var keys = [],k;
            for (k in obj) {
                if (Object.prototype.hasOwnProperty.call(obj, k)) {
                    keys.push(k);
                }
            }
            return keys;
        };
    }
    return Object.keys(this).length;
},});

console.log({"Name":"Joe","Age":26}.length) //returns 2
猴子JinJin 2020.03.09

Google Closure为此提供了很好的功能... goog.object.getCount（obj）

看看goog.Object文档

逆天LEY 2020.03.09

以下是对三种方法的性能测试；

https://jsperf.com/get-the-number-of-keys-in-an-object

Object.keys（）。length

每秒20,735次操作

非常简单且兼容。运行速度快但价格昂贵，因为它会创建一个新的键数组，然后将其丢弃。

return Object.keys(objectToRead).length;

遍历键

每秒15734次操作

let size=0;
for(let k in objectToRead) {
  size++
}
return size;

速度稍慢，但与内存使用量相差甚远，如果您有兴趣针对移动或其他小型计算机进行优化，则可能会更好

使用地图代替对象

每秒953,839,338次操作

return mapToRead.size;

基本上，地图会跟踪自己的大小，因此我们只返回一个数字字段。远比其他任何方法都快。如果您可以控制该对象，则可以将其转换为地图。

西里神奇 2020.03.09

对于在其项目中具有Ext JS 4的用户，您可以执行以下操作：

Ext.Object.getSize(myobj);

这样做的好处是它可以在所有与Ext兼容的浏览器（包括IE6-IE8）上运行，但是，我相信运行时间并不比O（n）更好，就像其他建议的解决方案一样。

斯丁飞云 2020.03.09

如果上面的jQuery不起作用，请尝试

$(Object.Item).length
阿飞米亚 2020.03.09

您可以Object.keys(data).length用来查找具有关键数据的JSON对象的长度

Near逆天 2020.03.09

我如何解决此问题的方法是建立我自己的基本列表实现，该列表记录对象中存储了多少项。非常简单。像这样：

function BasicList()
{
   var items = {};
   this.count = 0;

   this.add = function(index, item)
   {
      items[index] = item;
      this.count++;
   }

   this.remove = function (index)
   {
      delete items[index];
      this.count--;
   }

   this.get = function(index)
   {
      if (undefined === index)
        return items;
      else
        return items[index];
   }
}
小小Jim 2020.03.09

来自：https : //developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

Object.defineProperty（obj，prop，描述符）

您可以将其添加到所有对象中：

Object.defineProperty(Object.prototype, "length", {
    enumerable: false,
    get: function() {
        return Object.keys(this).length;
    }
});

或单个对象：

var myObj = {};
Object.defineProperty(myObj, "length", {
    enumerable: false,
    get: function() {
        return Object.keys(this).length;
    }
});

例：

var myObj = {};
myObj.name  = "John Doe";
myObj.email = "leaked@example.com";
myObj.length; //output: 2

添加了这种方式，它将不会显示在for..in循环中：

for(var i in myObj) {
     console.log(i + ":" + myObj[i]);
}

输出：

name:John Doe
email:leaked@example.com

注意：它在<IE9浏览器中不起作用。

Tom猿 2020.03.09

对于那些在其项目中包含Underscore.js的人，您可以执行以下操作：

_({a:'', b:''}).size() // => 2

或功能风格：

_.size({a:'', b:''}) // => 2
樱Davaid 2020.03.09

如以上回答： Object.keys(obj).length

但是：正如我们现在在ES6中拥有一个真正的Map类一样，我建议使用它而不是使用对象的属性。

const map = new Map();
map.set("key", "value");
map.size; // THE fastest way
老丝猿路易 2020.03.09

要在Avi Flax上进行迭代，请回答Object.keys（obj）.length对于没有绑定功能的对象是正确的

例：

obj = {"lol": "what", owo: "pfft"};
Object.keys(obj).length; // should be 2

与

arr = [];
obj = {"lol": "what", owo: "pfft"};
obj.omg = function(){
    _.each(obj, function(a){
        arr.push(a);
    });
};
Object.keys(obj).length; // should be 3 because it looks like this 
/* obj === {"lol": "what", owo: "pfft", omg: function(){_.each(obj, function(a){arr.push(a);});}} */

避免这种情况的步骤：

  1. 不要将函数放在要计算键数的对象中

  2. 使用一个单独的对象或专门为函数创建一个新对象（如果您想使用来计算文件中有多少个函数Object.keys(obj).length）

同样是的，我在示例中使用了nodejs的_或下划线模块

文档可以在http://underscorejs.org/上找到，以及它在github上的源代码和其他各种信息

最后是lodash实现https://lodash.com/docs#size

_.size(obj)

Jim斯丁 2020.03.09

我不知道有什么方法可以执行此操作，但是为了将迭代次数降到最低，您可以尝试检查是否存在，__count__如果不存在（例如，Firefox），则可以遍历该对象并定义它供以后使用，例如：

if (myobj.__count__ === undefined) {
  myobj.__count__ = ...
}

这样，任何支持浏览器的浏览器__count__都可以使用它，而仅对那些不支持的浏览器进行迭代。如果计数发生变化而您不能执行此操作，则可以始终使它成为函数：

if (myobj.__count__ === undefined) {
  myobj.__count__ = function() { return ... }
  myobj.__count__.toString = function() { return this(); }
}

通过这种方式，您可以随时引用myobj。__count__该函数将触发并重新计算。

小哥GOItachi 2020.03.09

如果您实际上遇到性能问题，建议您使用一个函数来包装向对象添加属性或从对象中删除属性的调用，该函数还要增加/减少适当命名的（size？）属性。

您只需计算一次属性的初始数量，然后从那里继续。如果没有实际的性能问题，请不要打扰。只需将这段代码包装在一个函数中getNumberOfProperties(object)并完成它即可。

逆天乐 2020.03.09

如Avi Flax所说https://stackoverflow.com/a/4889658/1047014

Object.keys(obj).length

将为您的对象上的所有可枚举属性提供技巧，但也包括非枚举属性，您可以改为使用Object.getOwnPropertyNames。区别在于：

var myObject = new Object();

Object.defineProperty(myObject, "nonEnumerableProp", {
  enumerable: false
});
Object.defineProperty(myObject, "enumerableProp", {
  enumerable: true
});

console.log(Object.getOwnPropertyNames(myObject).length); //outputs 2
console.log(Object.keys(myObject).length); //outputs 1

console.log(myObject.hasOwnProperty("nonEnumerableProp")); //outputs true
console.log(myObject.hasOwnProperty("enumerableProp")); //outputs true

console.log("nonEnumerableProp" in myObject); //outputs true
console.log("enumerableProp" in myObject); //outputs true

如此处所述，该浏览器与Object.keys

但是，在大多数情况下，您可能不希望在这些类型的操作中包括无数变量，但是了解它们之间的差异总是很好的;）

Eva西里 2020.03.09

标准的Object实现（ES5.1对象的内部属性和方法）不需要Object跟踪其键/属性的数量，因此，在Object没有显式或隐式地迭代其键的情况下，应该没有确定其大小的标准方法。

因此，这是最常用的替代方法：

1. ECMAScript的Object.keys（）

Object.keys(obj).length;通过在内部遍历键以计算临时数组并返回其长度来工作。

  • 优点 -可读且简洁的语法。如果没有本机支持，则不需要垫片或垫片，无需库或自定义代码
  • 缺点 -由于创建阵列而导致的内存开销。

2.基于图书馆的解决方案

本主题中其他地方的许多基于库的示例在它们的库上下文中都是有用的成语。但是，从性能的角度来看，与完美的无库代码相比，没有任何收获，因为所有这些库方法实际上都封装了for循环或ES5 Object.keys（本机或填充）。

3.优化循环

的最慢的部分这样的的for循环一般是.hasOwnProperty()呼叫，因为该函数调用开销。因此，当我只想要JSON对象的条目数时，.hasOwnProperty()如果我知道没有代码也不会扩展，就跳过该调用 Object.prototype。

否则，可以通过设置klocal（var k）和使用前缀增量运算符（++count）代替后缀来对代码进行非常小的优化。

var count = 0;
for (var k in myobj) if (myobj.hasOwnProperty(k)) ++count;

另一个想法依赖于缓存hasOwnProperty方法：

var hasOwn = Object.prototype.hasOwnProperty;
var count = 0;
for (var k in myobj) if (hasOwn.call(myobj, k)) ++count;

在给定的环境下这是否更快，是基准测试的问题。无论如何，可以预期性能提升非常有限。

米亚Near 2020.03.09

您可以使用以下代码：

if (!Object.keys) {
    Object.keys = function (obj) {
        var keys = [],
            k;
        for (k in obj) {
            if (Object.prototype.hasOwnProperty.call(obj, k)) {
                keys.push(k);
            }
        }
        return keys;
    };
}

然后，您也可以在较旧的浏览器中使用它：

var len = Object.keys(obj).length;
米亚伽罗L 2020.03.09

如果你正在使用Underscore.js可以使用_.size（感谢@douwe）：
_.size(obj)

另外，您也可以使用_.keys，对于某些用户可能更清楚：
_.keys(obj).length

我强烈推荐Underscore，它是一个紧凑的库，可以处理很多基本的事情。只要有可能，它们就会与ECMA5相匹配并遵循本机实现。

否则，我支持@Avi的答案。我对其进行了编辑，以添加指向MDC文档的链接，其中包括可以添加到非ECMA5浏览器的keys（）方法。

Mandy村村Harry 2020.03.09

要在任何与ES5兼容的环境（例如Node，Chrome，IE 9+，Firefox 4+或Safari 5+）中执行此操作：

Object.keys(obj).length

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android