Convert an array to an array of objects
DEMO
Using your supplied data:
var data = [
["fruits","frozen","fresh","rotten"],
["apples",884,494,494],
["oranges",4848,494,4949],
["kiwi",848,33,33]
]
The following function will treat the first element of the array as the keys for the objects properties. It will then loop over the remaining elements, and convert them into an object using these keys. Finally, it will return an array of these new objects.
function convertToArrayOfObjects(data) {
var keys = data.shift(),
i = 0, k = 0,
obj = null,
output = [];
for (i = 0; i < data.length; i++) {
obj = {};
for (k = 0; k < keys.length; k++) {
obj[keys[k]] = data[i][k];
}
output.push(obj);
}
return output;
}
Output
[
{ fruits: 'apples', fresh: 494, frozen: 884, rotten: 494 },
{ fruits: 'oranges', fresh: 494, frozen: 4848, rotten: 4949 },
{ fruits: 'kiwi', fresh: 33, frozen: 848, rotten: 33 }
]
One can avoid iterating twice using shift()
+ map()
+ forEach()
:
var data = [
["fruits","frozen","fresh","rotten"],
["apples",884,494,494],
["oranges",4848,494,4949],
["kiwi",848,33,33]
];
var collection = data.slice(); // make a copy
var keys = collection.shift();
collection = collection.map(function (e) {
var obj = {};
keys.forEach(function (key, i) {
obj[key] = e[i];
});
return obj;
});
Demo: http://jsfiddle.net/d7W76/2/
If you use both map and reduce, the solution becomes very elegant:
var collection = [
["fruits","frozen","fresh","rotten"],
["apples",884,494,494],
["oranges",4848,494,4949],
["kiwi",848,33,33]
];
var keys = collection.shift();
collection = collection.map(function (row) {
return keys.reduce(function (obj, key, i) {
obj[key] = row[i];
return obj;
}, {});
});
Output:
[
{ fruits: 'apples', frozen: 884, fresh: 494, rotten: 494 },
{ fruits: 'oranges', frozen: 4848, fresh: 494, rotten: 4949 },
{ fruits: 'kiwi', frozen: 848, fresh: 33, rotten: 33 }
]