JavaScript 对象的长度

更新的答案

这是 2016 年和 widespread deployment of 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, "职业": "程序员" }; const propOwn = Object.getOwnPropertyNames(person);控制台.log(propOwn.length); // 1 let propSymb = Object.getOwnPropertySymbols(person);控制台.log(propSymb.length); // 2

较旧的答案

最可靠的答案（即捕捉到您正在尝试做的事情的意图，同时导致最少的错误）将是：

Object.size = function(obj) { var size = 0, key; for (key in obj) { if (obj.hasOwnProperty(key)) size++; } 返回大小； }; // 获取对象的大小 const myObj = {} var size = Object.size(myObj);

在 JavaScript 中有一种您don't add things to 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 没有长度方法：

var element_count = 0;
for (e in myArray) {  if (myArray.hasOwnProperty(e)) element_count++; }

@palmsey：为了公平起见，JavaScript 文档实际上明确地将 Object 类型的变量以这种方式称为“关联数组”。

---

只需使用它来获取 length：

Object.keys(myObject).length

---

此方法在数组中获取对象的所有属性名称，因此您可以获得该数组的长度，该长度等于对象键的长度。

Object.getOwnPropertyNames({"hi":"Hi","msg":"Message"}).length; // => 2

---

为了不弄乱原型或其他代码，您可以构建和扩展您自己的对象：

function Hash(){
    var length=0;
    this.add = function(key, val){
         if(this[key] == undefined)
         {
           length++;
         }
         this[key]=val;
    }; 
    this.length = function(){
        return length;
    };
}

myArray = new Hash();
myArray.add("lastname", "Simpson");
myArray.add("age", 21);
alert(myArray.length()); // will alert 2

如果您总是使用 add 方法，那么 length 属性将是正确的。如果您担心自己或其他人忘记使用它，您也可以将其他人发布的属性计数器添加到长度方法中。

当然，您总是可以覆盖这些方法。但即使你这样做了，你的代码也可能会明显失败，从而很容易调试。 ;)

---

我们可以使用以下方法找到 Object 的长度：

常量 myObject = {}; console.log(Object.values(myObject).length);

---

以下是检查该属性是否不在原型链上的方法并且不要忘记：

var element_count = 0;
for(var e in myArray)
    if(myArray.hasOwnProperty(e))
        element_count++;

---

这是一个完全不同的解决方案，仅适用于更现代的浏览器（Internet Explorer 9+、Chrome、Firefox 4+、Opera 11.60+ 和 Safari 5.1+）

请参阅this jsFiddle。

设置你的关联数组类

/**
 * @constructor
 */
AssociativeArray = function () {};

// Make the length property work
Object.defineProperty(AssociativeArray.prototype, "length", {
    get: function () {
        var count = 0;
        for (var key in this) {
            if (this.hasOwnProperty(key))
                count++;
        }
        return count;
    }
});

现在您可以按如下方式使用此代码...

var a1 = new AssociativeArray();
a1["prop1"] = "test";
a1["prop2"] = 1234;
a1["prop3"] = "something else";
alert("Length of array is " + a1.length);

---

利用：

var myArray = new Object(); myArray["firstname"] = "Gareth"; myArray["lastname"] = "辛普森";我的数组[“年龄”] = 21; obj = Object.keys(myArray).length;控制台日志（obj）

---

myObj中的keys个数为：

这对我有用：

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

---

如果您需要一个显示其大小的关联数据结构，最好使用映射而不是对象。

const myMap = new Map(); myMap.set("名字", "Gareth"); myMap.set("姓氏", "辛普森"); myMap.set("年龄", 21);控制台.log(myMap.size); // 3

---

使用 Object.keys(myObject).length 获取对象/数组的长度

var myObject = new Object(); myObject["firstname"] = "Gareth"; myObject["lastname"] = "辛普森";我的对象[“年龄”] = 21； console.log(Object.keys(myObject).length); //3

---

在某些情况下，最好将大小存储在单独的变量中。特别是，如果您要在一个位置将一个元素添加到数组中，并且可以轻松地增加大小。如果您需要经常检查尺寸，它显然会更快。

---

@palmsey：为了公平起见，JavaScript 文档实际上明确地将 Object 类型的变量以这种方式称为“关联数组”。

公平地说，@palmsey 他是完全正确的。它们不是关联数组；它们绝对是对象 :) - 完成关联数组的工作。但是就更广泛的观点而言，根据我发现的这篇相当不错的文章，您似乎绝对拥有它的权利：

JavaScript “Associative Arrays” Considered Harmful

但根据这一切，the accepted answer 本身是不好的做法？

为 Object 指定原型 size() 函数

如果在 Object .prototype 中添加了任何其他内容，则建议的代码将失败：

<script type="text/javascript">
Object.prototype.size = function () {
  var len = this.length ? --this.length : -1;
    for (var k in this)
      len++;
  return len;
}
Object.prototype.size2 = function () {
  var len = this.length ? --this.length : -1;
    for (var k in this)
      len++;
  return len;
}
var myArray = new Object();
myArray["firstname"] = "Gareth";
myArray["lastname"] = "Simpson";
myArray["age"] = 21;
alert("age is " + myArray["age"]);
alert("length is " + myArray.size());
</script>

我不认为该答案应该是公认的答案，因为如果您在同一执行上下文中运行任何其他代码，则无法信任它可以工作。要以稳健的方式执行此操作，您肯定需要在 myArray 中定义 size 方法，并在遍历成员时检查成员的类型。

---

最简单的方法是这样的：

Object.keys(myobject).length

其中 myobject 是您想要长度的对象。

---

如果我们有哈希

哈希= {“a”：“b”，“c”：“d”}；

我们可以使用键的长度来获得长度，也就是哈希的长度：

键（哈希）.length

---

这样的事情怎么办——

function keyValuePairs() {
    this.length = 0;
    function add(key, value) { this[key] = value; this.length++; }
    function remove(key) { if (this.hasOwnProperty(key)) { delete this[key]; this.length--; }}
}

---

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

Object.values(myObject).length Object.entries(myObject).length Object.keys(myObject).length

---

如果您使用的是 AngularJS 1.x，您可以通过创建一个过滤器并使用来自任何其他示例的代码（如下所示）以 AngularJS 的方式执行操作：

// Count the elements in an object
app.filter('lengthOfObject', function() {
  return function( obj ) {
    var size = 0, key;
    for (key in obj) {
      if (obj.hasOwnProperty(key)) size++;
    }
   return size;
 }
})

用法

在您的控制器中：

$scope.filterResult = $filter('lengthOfObject')($scope.object)

或者在你看来：

<any ng-expression="object | lengthOfObject"></any>

---

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

console.log(Object.keys(myObject).length)

// o/p 3

---

上述某些内容的变体是：

var objLength = function(obj){    
    var key,len=0;
    for(key in obj){
        len += Number( obj.hasOwnProperty(key) );
    }
    return len;
};

集成 hasOwnProp 是一种更优雅的方式。

---

如果您不关心是否支持 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

另请参阅 this Fiddle 以获取演示。

---

这是詹姆斯科根答案的不同版本。无需传递参数，只需制作 Object 类的原型并使代码更简洁。

Object.prototype.size = function () {
    var size = 0,
        key;
    for (key in this) {
        if (this.hasOwnProperty(key)) size++;
    }
    return size;
};

var x = {
    one: 1,
    two: 2,
    three: 3
};

x.size() === 3;

jsfiddle 示例：http://jsfiddle.net/qar4j/1/

---

您始终可以执行 Object.getOwnPropertyNames(myObject).length 以获得与 [].length 对普通数组给出的相同结果。

---

您可以简单地对任何对象使用 Object.keys(obj).length 来获取其长度。 Object.keys 返回一个包含所有对象 keys （属性）的数组，可以方便地使用相应数组的长度来查找该对象的长度。你甚至可以为此编写一个函数。让我们获得 creative 并为它编写一个 方法（以及更方便的 getter 属性）：

函数 objLength(obj) { 返回 Object.keys(obj).length; } console.log(objLength({a:1, b:"summit", c:"废话"})); // 工作得很好 var obj = new Object(); obj['鱼'] = 30; obj['无效内容'] = null; console.log(objLength(obj)); // 它也可以按照你的方式工作，即使用 Object 构造函数 Object.prototype.getLength = function() { return Object.keys(this).length; } console.log(obj.getLength()); // 你也可以把它写成一个方法，这样效率更高 Object.defineProperty(Object.prototype, "length", {get:function(){ return Object.keys(this).length; }} );控制台.log(obj.length); // 可能最有效的方法是这样做并在上面演示，它为返回 getLength(this) 或 this.getLength() 的等效值的对象设置一个名为“length”的 getter 属性

---

使用 Object.entries 方法获取长度是实现它的一种方法

常量 objectLength = obj => Object.entries(obj).length; const person = { id: 1, name: 'John', age: 30 } const car = { type: 2, color: 'red', } console.log(objectLength(person)); // 3 console.log(objectLength(car)); // 2

---

实现此目的的一个好方法（仅限 Internet Explorer 9+）是在 length 属性上定义一个魔术 getter：

Object.defineProperty(Object.prototype, "length", {
    get: function () {
        return Object.keys(this).length;
    }
});

你可以像这样使用它：

var myObj = { 'key': 'value' };
myObj.length;

它会给1。

---