javascript - 使用 Jquery 计算对象文字中的对象数量

Question

代码：

var animals = {
                    "elephant": {
                                    "name" : "Bingo",
                                    "age" : "4"
                                },
                    "Lion":     {
                                    "name" : "Tango",
                                    "age" : "8"
                                },
                    "Tiger":    {
                                    "name" : "Zango",
                                    "age" : "7"
                                }
                }

我想在这个对象文字中使用 Jquery 来计算对象的数量。

Answer 1

你可以使用Object.keys(animals).length

或者

var count = 0;
for (var animal in animals) {
    if (animals.hasOwnProperty(animal)) {
        count++;
    }
}
// `count` now holds the number of object literals in the `animals` variable

或者可能是或可能不是最有效的许多 jQuery 解决方案之一：

var count = $.map(animals, function(n, i) { return i; }).length;

Answer 2

如果你想要跨浏览器的东西，也可以在 IE8 上运行，你不能以一种非常干净的方式来做（参见keys 属性的兼容性）。

我建议这样做：

var n = 0;
for (var _ in animals) n++;

（因为它是一个对象字面量，不需要 hasOwnProperty）

Answer 3

不能用数组吗？

无论如何，在一个对象中，你可以这样做：

Object.prototype.length = function() {
    var count = 0, k=null;
    for (k in this) {
        if (this.hasOwnProperty(k)) count++;
    }
    return count;
}
console.log( animals.length() );