一尘不染

JavaScript 对象的长度

javascript

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

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

阅读 165

收藏
2022-01-26

共2个答案

一尘不染

这是 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

较旧的答案

最可靠的答案(即在引起最少错误的同时捕获您尝试做的事情的意图)将是:

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

2022-01-26
一尘不染

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

Object.keys(myArray).length
2022-01-26