How do I turn this object of objects into an array of objects

Question

This is my object that contains 3 objects.

{
    "costco":
        {
            "costco_11":{"id":1, "address":"123 main"}, 
            "costco_12":{"id":2, "address":"345 Oak"},
            "costco_13":{"id":3, "address":"789 Birch"}
        }
}

I would like to create a single array that contains 3 objects so that I can dynamically create some ListView items in React-Native.

I would like to avoid using Lodash(Probably not needed, but I just want to make sure since I mentioned react-native)

Answer 1

I would like to create a single array that contains 3 objects

Simply get Object.values

var obj = {
     "costco":{
         "costco_11":{"id":1, "address":"123 main"}, 
         "costco_12":{"id":2, "address":"345 Oak"},
         "costco_13":{"id":3, "address":"789 Birch"}
      }
};
obj.costco = Object.values(obj.costco);
console.log(obj);

Answer 2

There is no need for external libs; you can do it in plain Javascript.

let myObj =  {"costco":{
         "costco_11":{"id":1, "address":"123 main"}, 
         "costco_12":{"id":2, "address":"345 Oak"},
         "costco_13":{"id":3, "address":"789 Birch"}
      }
};

let myArray = Object.values(myObj.costco);

I made a little fiddle for this.

Answer 3

const newArr = Object.keys(fakeOb).map(function(k) { return fakeOb[k]});
console.log(newArr);