JSFiddle - React, Tailwind, and code Playground

by harifrais

TypeScript

const myArray = [ 
	   { 
		  "project":"Aroscop",
		  "workedHr":1800,
		  "bucket":[ 
			 { 
				"name":"Aroscop",
				"hrs":"100"
			 },
			 { 
				"name":"Testing",
				"hrs":"200"
			 },
			 { 
				"name":"Dev",
				"hrs":"300"
			 }
		  ]
	   },
	   { 
		  "project":"Timesheet",
		  "workedHr":1000,
		  "bucket":[ 
			 { 
				"name":"Timesheet",
				"hrs":"100"
			 },
			 { 
				"name":"Testing",
				"hrs":"200"
			 },
			 { 
				"name":"Dev",
				"hrs":"300"
			 }
		  ]
	   },
	   { 
		  "project":"ElectMary",
		  "workedHr":500,
		  "bucket":[ 
			 { 
				"name":"ElectMary",
				"hrs":"100"
			 },
			 { 
				"name":"Testing",
				"hrs":"200"
			 },
			 { 
				"name":"Dev",
				"hrs":"300"
			 }
		  ]
	   }
	];

let projectDetails:string[] = [];
myArray.forEach((element, index, array) => {
		element.bucket.forEach((element) => {
    //console.log(JSON.stringify(element.workedHr));    
    projectDetails.push({"name":element.project,"workedHrs":element.workedHr});
    });
});
   console.log(projectDetails);