计算对象的键/财产数的最快方法是什么?是否可以在不迭代对象的情况下执行此操作?即,不做:
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左右,这个属性被删除了。)
当前回答
OP没有指定对象是否为nodeList。如果是,那么可以直接对其使用长度方法。例子:
buttons = document.querySelectorAll('[id=button)) {
console.log('Found ' + buttons.length + ' on the screen');
其他回答
如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具有相同的浏览器支持。
然而,在大多数情况下,您可能不希望在这些类型的操作中包含非数值,但了解它们的区别总是很好的;)
如果你使用Undercore.js,你可以使用_.size(谢谢douwe):
_.size(obj)
或者,您也可以使用_.keys,这对某些人来说可能更清晰:
_.keys(obj).length
我强烈推荐Undercore.js。它是一个非常紧凑的库,可以做很多基本的事情。只要可能,它们都匹配ECMAScript 5,并遵循本机实现。
否则,我支持Avi Flax的回答。我编辑了它以添加到MDC文档的链接,其中包括可以添加到非ECMAScript 5浏览器的key()方法。
我不知道有什么办法可以做到这一点。然而,为了尽量减少迭代次数,您可以尝试检查__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__函数将启动并重新计算。
来自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