Displaying json object with strange json fields indexed by number using lodash
I am trying to parse a json response from a server. I can't do anything from the server side, as it can't be changed anytime soon.
This is what their json response looks like:
{
prop[1][foo]: "foo number 1",
prop[1][bar]: "bar number 1",
prop[1][bazz]: "bazz number 1",
prop[2][foo]: "foo number 2",
prop[2][bar]: "bar number 2",
prop[2][bazz]: "bazz number 2"
}
Now I want it to be like this:
{
props: [
{foo: "foo number 1", bar: "bar number 1", bazz: "bazz number 1"},
{foo: "foo number 2", bar: "bar number 2", bazz: "bazz number 2"}
]
}
How do I go about doing this, I can't figure out how to iterate over and redo.
My attempt:
var temp = [];
var regExp = /\[([^)])\]/;
var matches;
_.each(element, function(value, key) {
if (key.indexOf('foo') >= 0) {
matches = regExp.exec(key);
temp[matches[1]] = value;
}
});
source to share
You can use , it will evaluate the path you gave for each value in your response object. _.set(object, path, value)
Javascript
var data = {
"prop[1][foo]": "foo number 1",
"prop[1][bar]": "bar number 1",
"prop[1][bazz]": "bazz number 1",
"prop[2][foo]": "foo number 2",
"prop[2][bar]": "bar number 2",
"prop[2][bazz]": "bazz number 2"
};
function evaluate(data) {
var newData = {};
_.each(data, function(value, key) {
_.set(newData, key, value);
});
return definedItemsOnly(newData);
}
// Since the resulting value of the given data set above
// doesn't have prop[0] then this function below
// will provide you the means of removing any potential
// undefined values in an array or possibly undefined
// key values in an object.
function definedItemsOnly(item) {
var isDefined = _.negate(_.isUndefined);
if(_.isArray(item)) {
return _.filter(item, isDefined);
} else if(_.isObject(item)) {
return _(item).pick(isDefined).mapValues(definedItemsOnly).value();
}
return item;
}
console.log(evaluate(data));
If you need a callback _.each
in a more complex form, you can modify the function evaluate()
like this:
function evaluate(data) {
var newData = {};
_.each(data, _.rearg(_.partial(_.set, newData), [1, 0]));
return definedItemsOnly(newData);
}
source to share
We can do string manipulation because using "eval ()" is a bad idea in javascript
var injson = '{prop[1][foo]: "foo number 1", prop[1][bar]: "bar number 1", prop[1][bazz]: "bazz number 1", prop[2][foo]: "foo number 2", prop[2][bar]: "bar number 2", prop[2][bazz]: "bazz number 2"}'
injson = injson.replace("{","");
injson = injson.replace("}","");
injson = injson.split("\",");
var outarr = [];
for(var index=0;index<injson.length;index++){
var _key = $.trim(injson[index].split(":")[0]);
var _value = $.trim(injson[index].split(":")[1]);
_value = _value.substring(1, _value.length-1);
var _index = parseInt(_key.substring(_key.indexOf("[")+1).substring(0,1));
var _prop = _key.substring(_key.indexOf("][")+2, _key.length-1);
if(!outarr[_index])
outarr[_index] = {};
outarr[_index][_prop] = _value;
};
console.log(outarr);
Something like that
If you want to use eval you can try to shrink the code inside the for loop
source to share