我有一个 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;
这是 2016 年的更新以及ES5及更高版本的广泛部署。 对于 IE9+ 和所有其他支持 ES5+ 的现代浏览器,您可以使用Object.keys()
上面的代码:
var size = Object.keys(myObj).length;
这不必修改任何现有的原型,因为Object.keys()
现在是内置的。
编辑:对象可以具有无法通过 Object.key 方法返回的符号属性。因此,如果不提及它们,答案将是不完整的。
符号类型被添加到语言中以创建对象属性的唯一标识符。Symbol 类型的主要好处是防止覆盖。
Object.keys
或Object.getOwnPropertyNames
不适用于符号属性。要返回它们,您需要使用Object.getOwnPropertySymbols
.
var person = {
[Symbol('name')]: 'John Doe',
[Symbol('age')]: 33,
"occupation": "Programmer"
};
const propOwn = Object.getOwnPropertyNames(person);
console.log(propOwn.length); // 1
let propSymb = Object.getOwnPropertySymbols(person);
console.log(propSymb.length); // 2
最可靠的答案(即捕捉您尝试做的事情的意图同时导致最少的错误)将是:
Object.size = function(obj) {
var size = 0,
key;
for (key in obj) {
if (obj.hasOwnProperty(key)) size++;
}
return size;
};
// Get the size of an object
const myObj = {}
var size = Object.size(myObj);
JavaScript 中有一种约定,您不要向 Object.prototype 添加内容,因为它会破坏各种库中的枚举。不过,向 Object 添加方法通常是安全的。
如果您知道不必担心hasOwnProperty
检查,您可以这样使用Object.keys()方法:
Object.keys(myArray).length
更新:如果你使用Underscore.js(推荐,它是轻量级的!),那么你可以这样做
_.size({one : 1, two : 2, three : 3});
=> 3
如果没有,并且您不想因任何原因弄乱 Object 属性,并且已经在使用 jQuery,那么插件同样可以访问:
$.assocArraySize = function(obj) {
// http://stackoverflow.com/a/6700/11236
var size = 0, key;
for (key in obj) {
if (obj.hasOwnProperty(key)) size++;
}
return size;
};
这是最跨浏览器的解决方案。
这比接受的答案要好,因为它使用本机 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 没有 length 方法:
var element_count = 0;
for (e in myArray) { if (myArray.hasOwnProperty(e)) element_count++; }
@palmsey:为了公平起见,JavaScript 文档实际上明确地将以这种方式使用 Object 类型的变量称为“关联数组”。