Convert Object to Array - maintain named keys

Question

I am converting an object into an array. The keys of the object contain names such as "cool", as can be seen below:

var obj = {
  "cool": "Mustang",
  "family": "Station Wagon",
  "small": {
    0: "small car 1",
    1: "small car 2"
  }
};

When converting, the returned array looks as followed:

Array[3]
0:"Mustang"
1:"Station Wagon"
2:Object
    0:"small car 1" 
    1:"small car 2"

As you can see in the array above the names of keys from the object such as "cool" are lost, instead they are replaced with numbers. Furthermore, the array contains an object, I would like this object to be an array within the array.

I would like the returned array to be like this instead:

Array[3]
"cool":"Mustang"
"family":"Station Wagon"
"small": Array[2]
    0:"small car 1" 
    1:"small car 2"

I would very much appreciate your help. A fiddle with the code can be found here: https://jsfiddle.net/v02q4sy2/8/

var obj = {"cool":"Mustang","family":"Station Wagon","small":{0:"small car 1",1:"small car 2"}}

var arr = $.map(obj, function(value, index) {
    return [value];
});

console.log(arr);

Answer 1

Based on the code that you provided, it looks like you would just need to return an object within the map method containing the corresponding key/value pair:

Updated Example

var arr = $.map(obj, function(value, key) {
  return { [key]: value };
});

You don't need jQuery for this though. Here is a simple example with plain JavaScript utilizing the native .map() method along with Object.keys() to retrieve a mappable array of keys from the object:

Updated Example

var arr = Object.keys(obj).map(function (key) {
  return { [key]: obj[key] };
});