Add space in Array Items

I have an array with key value pair items I want to add space in Every Key after every capital letter.

var items = [
{
"BrandConstruct": 165,
"YearPlanData": "a"
},
{
"BrandConstruct": 236,
"YearPlanData": "c"
},
{
"BrandConstruct": 376,
"YearPlanData": "b"
}

]


Above is my array and I want it as below:-

var items = [
{
"Brand Construct": 165,
"Year Plan Data": "a"
},
{
"Brand Construct": 236,
"Year Plan Data": "c"
},
{
"Brand Construct": 376,
"Year Plan Data": "b"
}

]


and again I want to do it back in original form in javascript

1 Answer
1

You can do something like:

var result = items.map(o => { //Loop thru the array using map
return Object.entries(o).reduce((c, [k, v]) => { //Convert the object into an array using Object.entries | Use reduce to group the array
return Object.assign(c, { //Use Object.assign to create new object
[k.split(/(?=[A-Z])/).join(" ")]: v //Use regex to split the key by capital letter and join
})
}, {});
});


Here is a snippet (shorter version):

var items = [{"BrandConstruct":165,"YearPlanData":"a"},{"BrandConstruct":236,"YearPlanData":"c"},{"BrandConstruct":376,"YearPlanData":"b"}]
var result = items.map(o => Object.entries(o).reduce((c, [k, v]) => Object.assign(c, {[k.split(/(?=[A-Z])/).join(" ")]: v}), {}));

console.log(result);

You can use Object.keys() for Angular and IE9 compatible:

Object.keys()

var items = [{"BrandConstruct":165,"YearPlanData":"a"},{"BrandConstruct":236,"YearPlanData":"c"},{"BrandConstruct":376,"YearPlanData":"b"}];

var result = items.map(function(o) {
return Object.keys(o).reduce(function(c, k) {
c[k.split(/(?=[A-Z])/).join(" ")] = o[k];
return c;
}, {})
});

console.log(result);

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.