开发者问题收集

JavaScript 对象的长度

2008-08-07
2981080

我有一个 JavaScript 对象。是否有内置或公认的最佳实践方法来获取此对象的长度?

const myObject = new Object();
myObject["firstname"] = "Gareth";
myObject["lastname"] = "Simpson";
myObject["age"] = 21;
3个回答

更新答案

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

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

这不必修改任何现有原型,因为 Object.keys() 现在是内置的。

编辑 :对象可以具有不能通过 Object.key 方法返回的符号属性。因此,如果不提及它们,答案就不完整。

符号类型已添加到语言中,用于为对象属性创建唯一标识符。符号类型的主要优点是防止覆盖。

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

较旧的答案

最可靠的答案(即,在导致最少错误的同时捕获您要执行的操作的意图)将是:

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 添加方法通常是安全的。


2008-08-09

如果您知道不必担心 hasOwnProperty 检查,则可以按以下方式使用 Object.keys() 方法:

Object.keys(myArray).length
aeosynth
2011-04-03

更新 :如果您正在使用 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;
};
ripper234
2012-07-05