javascript - 数组长度不起作用

Question

可能重复：
数组长度未定义

我有以下数组，但每当我试图找出它的长度时，categoryData.length它只会给我undefined. 如果我键入console.log(categoryData)它会给我数组中的所有对象。

var categoryData = {
animals: {
    name: "Animals",
    description: "All your favorites from aardvarks to zebras.",
    items: [
        {
            name: "Pets"
        },
        {
            name: "Farm Animals"
        },
        {
            name: "Wild Animals"
        }
    ]
},
colors: {
    name: "Colors",
    description: "Fresh colors from the magic rainbow.",
    items: [
        {
            name: "Blue"
        },
        {
            name: "Green"
        },
        {
            name: "Orange"
        },
        {
            name: "Purple"
        },
        {
            name: "Red"
        },
        {
            name: "Yellow"
        },
        {
            name: "Violet"
        }
    ]
},
vehicles: {
    name: "Vehicles",
    description: "Everything from cars to planes.",
    items: [
        {
            name: "Cars"
        },
        {
            name: "Planes"
        },
        {
            name: "Construction"
        }
    ]
}

};

Answer 1

那是因为 categoryData 不是一个数组——它是一个对象。虽然一些 JS 对象（arguments例如 ）支持length属性，但那些使用对象文字符号创建的对象不支持。

您可以自己计算对象的长度，如下所示：

function countProps(obj) {
    var count = 0;
    for (var p in obj) {
      obj.hasOwnProperty(p) && count++;
    }
    return count; 
}

如果您的目标环境支持（或已填充）该Object.keys方法，这甚至可以以更简单的方式完成：

function sizeObj(obj) {
  return Object.keys(obj).length;
}

...这正是在Underscore.js 库方法中完成的方式：

_.size = function(obj) {
    if (obj == null) return 0;
    return (obj.length === +obj.length) ? obj.length : _.keys(obj).length;
};