协慌网

登录 贡献 社区

JavaScript 对象的长度

如果我有一个 JavaScript 对象,比如说

var myObject = new Object();
myObject["firstname"] = "Gareth";
myObject["lastname"] = "Simpson";
myObject["age"] = 21;

是否有内置或接受的最佳实践方法来获取此对象的长度?

答案

最强大的答案(即捕获您尝试执行的操作的意图,同时导致最少的错误)将是:

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
var size = Object.size(myArray);

JavaScript 中有一种约定,你不会向 Object.prototype 添加内容 ,因为它可以破坏各种库中的枚举。但是,向 Object 添加方法通常是安全的。


以下是截至 2016 年的更新以及ES5及更高版本的广泛部署对于 IE9 + 和所有其他支持 ES5 + 的现代浏览器,您可以使用Object.keys()因此上面的代码变为:

var size = Object.keys(myObj).length;

由于现在内置了Object.keys()因此无需修改任何现有原型。

编辑 :对象可以具有无法通过 Object.key 方法返回的符号属性。所以答案是不完整的而不提及它们。

符号类型已添加到语言中,以便为对象属性创建唯一标识符。 Symbol 类型的主要好处是防止覆盖。

Object.keysObject.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

如果您知道不必担心hasOwnProperty检查,您可以非常简单地执行此操作:

Object.keys(myArray).length

更新 :如果您正在使用Underscore.js (推荐,它很轻便!),那么您可以这样做

_.size({one : 1, two : 2, three : 3});
=> 3

如果没有 ,并且你不想因为任何原因搞乱对象属性,并且已经在使用 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;
};