我有一个JavaScript对象。是否有一种内置或公认的最佳实践方法来获取此对象的长度?
const myObject = new Object();
myObject["firstname"] = "Gareth";
myObject["lastname"] = "Simpson";
myObject["age"] = 21;
我有一个JavaScript对象。是否有一种内置或公认的最佳实践方法来获取此对象的长度?
const myObject = new Object();
myObject["firstname"] = "Gareth";
myObject["lastname"] = "Simpson";
myObject["age"] = 21;
当前回答
如果您不关心是否支持Internet Explorer 8或更低版本,可以通过应用以下两个步骤轻松获得对象中财产的数量:
运行Object.keys()获取一个数组,该数组只包含可枚举的财产的名称,如果还想包含不可枚举的财产的名称,则运行Object.getOwnPropertyNames()。获取该数组的.length属性。
如果需要多次执行此操作,可以将此逻辑包装在函数中:
function size(obj, enumerablesOnly) {
return enumerablesOnly === false ?
Object.getOwnPropertyNames(obj).length :
Object.keys(obj).length;
}
如何使用此特定功能:
var myObj = Object.create({}, {
getFoo: {},
setFoo: {}
});
myObj.Foo = 12;
var myArr = [1,2,5,4,8,15];
console.log(size(myObj)); // Output : 1
console.log(size(myObj, true)); // Output : 1
console.log(size(myObj, false)); // Output : 3
console.log(size(myArr)); // Output : 6
console.log(size(myArr, true)); // Output : 6
console.log(size(myArr, false)); // Output : 7
另请参见本Fiddle演示。
其他回答
实现这一点的一个好方法(仅限Internet Explorer 9+)是在长度属性上定义一个神奇的getter:
Object.defineProperty(Object.prototype, "length", {
get: function () {
return Object.keys(this).length;
}
});
你可以这样使用它:
var myObj = { 'key': 'value' };
myObj.length;
它会给出1。
这是最跨浏览器的解决方案。
这比接受的答案更好,因为它使用本机Object.keys(如果存在)。因此,它是所有现代浏览器中速度最快的。
if (!Object.keys) {
Object.keys = function (obj) {
var arr = [],
key;
for (key in obj) {
if (obj.hasOwnProperty(key)) {
arr.push(key);
}
}
return arr;
};
}
Object.keys(obj).length;
我不是JavaScript专家,但看起来您必须遍历元素并计数,因为Object没有长度方法:
var element_count = 0;
for (e in myArray) { if (myArray.hasOwnProperty(e)) element_count++; }
@palmsey:公平地说,JavaScript文档实际上明确提到以这种方式使用Object类型的变量作为“关联数组”。
如果我们有哈希
哈希={“a”:“b”,“c”:“d”};
我们可以使用密钥的长度来获得长度,即哈希的长度:
密钥(哈希).length
该解决方案适用于多种情况和跨浏览器:
Code
var getTotal = function(collection) {
var length = collection['length'];
var isArrayObject = typeof length == 'number' && length >= 0 && length <= Math.pow(2,53) - 1; // Number.MAX_SAFE_INTEGER
if(isArrayObject) {
return collection['length'];
}
i= 0;
for(var key in collection) {
if (collection.hasOwnProperty(key)) {
i++;
}
}
return i;
};
数据示例:
// case 1
var a = new Object();
a["firstname"] = "Gareth";
a["lastname"] = "Simpson";
a["age"] = 21;
//case 2
var b = [1,2,3];
// case 3
var c = {};
c[0] = 1;
c.two = 2;
用法
getLength(a); // 3
getLength(b); // 3
getLength(c); // 2