计算对象的键/财产数的最快方法是什么?是否可以在不迭代对象的情况下执行此操作?即,不做:
var count = 0;
for (k in myobj) if (myobj.hasOwnProperty(k)) ++count;
(Firefox确实提供了一个神奇的__count__属性,但在版本4左右,这个属性被删除了。)
计算对象的键/财产数的最快方法是什么?是否可以在不迭代对象的情况下执行此操作?即,不做:
var count = 0;
for (k in myobj) if (myobj.hasOwnProperty(k)) ++count;
(Firefox确实提供了一个神奇的__count__属性,但在版本4左右,这个属性被删除了。)
如果您真的遇到了性能问题,我建议使用一个函数包装在对象中添加/删除财产的调用,该函数还可以增加/减少适当命名的(size?)属性。
您只需计算一次财产的初始数量,然后再继续。如果没有实际的性能问题,就不用麻烦了。只需将这段代码包装在getNumberOfProperties(对象)函数中,然后使用它即可。
我不知道有什么办法可以做到这一点。然而,为了尽量减少迭代次数,您可以尝试检查__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__函数将启动并重新计算。
要在任何ES5兼容环境中执行此操作,如Node.js、Chrome、Internet Explorer 9+、Firefox 4+或Safari 5+:
Object.keys(obj).length
浏览器兼容性Object.keys文档(包括可以添加到非ES5浏览器的方法)
您可以使用以下代码:
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;
如果你使用Undercore.js,你可以使用_.size(谢谢douwe):
_.size(obj)
或者,您也可以使用_.keys,这对某些人来说可能更清晰:
_.keys(obj).length
我强烈推荐Undercore.js。它是一个非常紧凑的库,可以做很多基本的事情。只要可能,它们都匹配ECMAScript 5,并遵循本机实现。
否则,我支持Avi Flax的回答。我编辑了它以添加到MDC文档的链接,其中包括可以添加到非ECMAScript 5浏览器的key()方法。
我解决这个问题的方法是构建我自己的基本列表实现,该列表记录对象中存储了多少项。这很简单。类似于:
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];
}
}
对于项目中包含Undercore.js的用户,您可以执行以下操作:
_({a:'', b:''}).size() // => 2
或功能风格:
_.size({a:'', b:''}) // => 2
对于项目中有ExtJS 4的用户,您可以执行以下操作:
Ext.Object.getSize(myobj);
这样做的优点是它可以在所有兼容ExtJS的浏览器上工作(包括InternetExplorer6和InternetExplorer8)。然而,我认为运行时间并不比O(n)好,正如其他建议的解决方案一样。
如Avi Flax所述,
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具有相同的浏览器支持。
然而,在大多数情况下,您可能不希望在这些类型的操作中包含非数值,但了解它们的区别总是很好的;)
标准的Object实现(ES5.1对象内部财产和方法)不要求Object跟踪其键/财产的数量,因此在不显式或隐式迭代其键的情况下,应该没有标准的方法来确定Object的大小。
以下是最常用的替代方案:
1.ECMAScript的Object.keys()
对象.键(obj).长度;通过内部迭代键来计算临时数组并返回其长度。
优点-可读和干净的语法。如果本机支持不可用,则不需要库或自定义代码,除非使用垫片Cons—由于创建阵列而产生的内存开销。
2.基于库的解决方案
本主题其他地方的许多基于库的示例在其库的上下文中都是有用的习惯用法。然而,从性能的角度来看,与完美的无库代码相比,没有什么可获得的,因为所有这些库方法实际上都封装了for循环或ES5 Object.keys(原生或填充)。
3.优化for循环
由于函数调用开销,这种for循环最慢的部分通常是.hasOwnProperty()调用。因此,当我只需要一个JSON对象的条目数时,如果我知道没有代码也不会扩展object.prototype,我就跳过.hasOwnProperty()调用。
否则,通过使k为本地(vark),并使用前缀递增运算符(++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;
在给定的环境中,这是否更快是一个基准测试的问题。无论如何,预期的性能增益非常有限。
要迭代AviFlax的答案,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);});}} */
避免这种情况的步骤:
不要将函数放在要计算键数的对象中使用单独的对象或专门为函数创建新对象(如果要使用object.keys(obj).length计算文件中有多少个函数)
另外,是的,我在示例中使用了Node.js中的_或Undercore.js模块。
文档可以在这里找到,也可以在GitHub和其他各种信息上找到。
最后是一个lodash实现https://lodash.com/docs#size
_.size(对象)
来自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(var i in myObj) {
console.log(i + ": " + myObj[i]);
}
输出:
name: John Doe
email: leaked@example.com
注意:它在Internet Explorer 9之前的浏览器中不起作用。
如前一个答案中所回答的:Object.keys(obj).length
但是:因为我们现在在ES6中有一个真正的Map类,所以我建议使用它,而不是使用对象的财产。
const map = new Map();
map.set("key", "value");
map.size; // THE fastest way
我尝试让它对所有对象都可用,如下所示:
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
OP没有指定对象是否为nodeList。如果是,那么可以直接对其使用长度方法。例子:
buttons = document.querySelectorAll('[id=button)) {
console.log('Found ' + buttons.length + ' on the screen');
以下是三种方法的一些性能测试;
https://jsperf.com/get-the-number-of-keys-in-an-object
对象.keys().length
每秒20735次操作
它非常简单和兼容,运行速度快但成本高昂,因为它创建了一个新的密钥数组,然后将其丢弃。
return Object.keys(objectToRead).length;
循环键
每秒15734次操作
let size=0;
for(let k in objectToRead) {
size++
}
return size;
它稍微慢一点,但与内存使用量相差甚远,因此如果您对移动或其他小型机器的优化感兴趣,它可能会更好。
使用贴图而不是对象
每秒953839338次操作
return mapToRead.size;
基本上,Map跟踪自己的大小,所以我们只返回一个数字字段。它比任何其他方法都快得多。如果可以控制对象,请将其转换为贴图。
这对数组和对象都有效
//count objects/arrays
function count(obj){
return Object.keys(obj).length
}
使用循环计数对象/数组
function count(obj){
var x=0;
for(k in obj){
x++;
}
return x;
}
计数对象/数组以及字符串的长度
function count(obj){
if (typeof (obj) === 'string' || obj instanceof String)
{
return obj.toString().length;
}
return Object.keys(obj).length
}