How to split one Json to Multiple Json using Angular 2/lodash

Question

I have a json and i want to split each key value pair to new json object.

Input:

 tokenData = [{
  "firstname" : "Priya",
  "from": "21-09-2001",
  "to": "22-08-2001",
  "address": "zczxczxczx"
}]

Expected Result:

  tokenItems = [
    {"firstname" : "Priya"},
    {"from": "21-09-2001"},
    {"to": "22-08-2001"},
    {"address": "zczxczxczx"}
  ];

Suren Srapyan · Accepted Answer · 2018-06-19 11:43:48Z

1

You can achieve to that result without lodash.

Use Object.entries, get the key/values and then use map function to create your desired structure of objects.

const tokenData = [{
   "firstname" : "Priya",
   "from": "21-09-2001",
   "to": "22-08-2001",
   "address": "zczxczxczx"
}];

const newTokenData = Object.entries(tokenData[0])
                           .map(([key, val]) => ({ [key]: val }));

console.log(newTokenData);

answered Jun 19, 2018 at 11:43

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pardeep Jain · Accepted Answer · 2018-06-19 11:57:00Z

0

Why use lodash, Simply you can get this using plan javascript, you need to iterate over the key/value pair for each object like this -

    const tokenData = [{
       "firstname" : "Priya",
       "from": "21-09-2001",
       "to": "22-08-2001",
       "address": "zczxczxczx"
    }];
    
    let newArr = []
    for (let a in tokenData[0]){
    	newArr.push({[a]: tokenData[0][a]});
    } 
    console.log(newArr);

answered Jun 19, 2018 at 11:57

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

Collectives™ on Stack Overflow

How to split one Json to Multiple Json using Angular 2/lodash

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related