I need to convert this:
"colors":["pink", "Blue"]
or simply this
["pink", "Blue"]
into this
[{ colors: "pink" }, { colors: "blue" }]
in order to be able to use it in AngularJS. Is there any way to do it using underscore.js? Thanks in advance!
Underscore provides the _.map() method, which will allow you to accomplish what you're looking for.
var arr = ['pink','blue'];
var hash = _.map(arr, function(color){ return {colors: color};});
However, undercore's map method is simply a thin wrapper around the native Array#map method in javascript, which can be used as follows:
var arr = ['pink', 'blue'];
var hash = arr.map(function(color){ return {colors: color}; });
var newArray = new Array();
colors.forEach(function(item) {
newArray.push({colors: item});
});
map() in this case
Generally, if you have an object like this:
var obj = {
key1: ['val1_1', 'val1_2'],
key2: ['val2_1', 'val2_2']
}
and you want to get something like this:
var arr = [{key1: 'val1_1'}, {key1: 'val1_2'}, {key2: 'val2_1'}, {key2: 'val2_2'}]
out of it.
var arr = Object.keys(obj).map(function(key){
return obj[key].map(function(item){
var result = {};
result[key] = item;
return result;
})
}).reduce(function(prevArray, newArray){
return prevArray.concat(newArray);
}, []);
Or if you want the result to be like:
var arr = [[{key1: 'val1_1'}, {key1: 'val1_2'}], [{key2: 'val2_1'}, {key2: 'val2_2'}]]
just remove the last part (.reduce(...)) which concatenates all arrays.
