Traverse simple javascript object

Question

I'm having a mental block. How may I access the data inside this javascript object that's returned from an ajax function?

I was thinking something like this would work:

data[0].id would return 1 
data[1].category.description would return "MEN"

Help would be appreciated!

"[ {
  "id" : 1,
  "description" : "PANTS",
  "price" : 10.99,
  "category" : {
    "id" : 1,
    "description" : "MEN"
  },
  "customerType" : {
    "id" : 1,
    "type" : "COUNTER"
  }
}, {
  "id" : 2,
  "description" : "SHIRT",
  "price" : 4.99,
  "category" : {
    "id" : 1,
    "description" : "MEN"
  },
  "customerType" : {
    "id" : 1,
    "type" : "COUNTER"
  }
} ]"

Answer 1

That should work, just loop over it

dataLength=data.length;
for(var i=0;i<dataLength;i++){
    var dataID = data[i].id;
    var dataCatagory = data[i].category.description;
}

Answer 2

ah jeez.. I figured out a simple way to get the data out. I can do something like this:

currentrow = data[i];
id = currentrow.id;

Or use id or the other values as such. Nevermind my posting, I'm an idiot sometimes