數組長度不工作

Question

可能重複：
Array length undefined

我有以下的數組，但每當我試圖找出長度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 library method：

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