I want to restructure my array, which i retrieved from php, to make it usable with my ngFor.
Currently my array contains ~2700 elements which contain a object with the following data:
name: "Someone"
shift: 3
week: 1
department_name: "somedepartment"
I want change it to array->week->shift->department.name
In JS this would be easy but in Typescript I cant get it working, my actual code looks like:
test(data): void{
//data contains the actual array
let user = [];
for (let entry of data){
console.log(entry['week']);
console.log(entry['shift']);
console.log(entry['department_name']);
user[entry['week']][entry['shift']][entry['department_name']] = entry;
}
console.log(user);}
console.log returns the first 3 values: 1, 3, "departmentx"
And then returns:
ERROR Error: Uncaught (in promise): TypeError: Cannot read property '3' of undefined TypeError: Cannot read property '3' of undefined
I have read that I have to set the size of the array before, but it will be every time different and later there will be much more information besides the name that get stored.
If I understood well you want to change the order of the elements within your array, right?
This should work:
let newArray = [];
for (let entry in data) {
let currentObj = {
[entry.week]: {
[entry.shift]: entry.department_name
}
};
newArray.push(currentObj);
}
console.log(JSON.stringify(newArray));
the output of this would be something like:
newArray = [
1: {
3: "somedepartmentX"
},
2: {
4: "somedepartmentY",
},
3: {
5: "somedepartmentZ",
},
];