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

2020/09/16 10:31 · javascript ·  · 0评论

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

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

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

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

Object.keys(obj).length

您可以使用以下代码:

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;

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

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

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

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

标准的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;

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

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

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

正如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

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

我不知道有什么方法可以执行此操作,但是为了将迭代次数降到最低,您可以尝试检查是否存在,__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__该函数将触发并重新计算。

要在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)

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

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

const map = new Map();
map.set("key", "value");
map.size; // THE fastest way

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

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;

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

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

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

或功能风格:

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

来自: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浏览器中不起作用。

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

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];
   }
}

对于那些在其项目中具有Ext JS 4的用户,您可以执行以下操作:

Ext.Object.getSize(myobj);

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

您可以使用:

Object.keys(objectName).length; 

Object.values(objectName).length;

OP没有指定对象是否为nodeList,如果是,则可以直接在其上使用length方法。例:

buttons = document.querySelectorAll('[id=button)) {
console.log('Found ' + buttons.length + ' on the screen'); 

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

$(Object.Item).length

我尝试使它可用于所有这样的对象:

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

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

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

看看goog.Object文档

本文地址:http://javascript.askforanswer.com/ruheyouxiaodijisuanjavascriptzhongduixiangdejian-shuxingshuliang.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!