Angular 10 - Create Custom array

Issue

We have to pass data in request in below format :

insArray[0][INSID]: 806542

insArray[0][AMOUNT]: 4050.00

dueDateArr[0][INSID]: 806542

dueDateArr[0][DUEDATE]: 2021-08-25

But using angular we are unable to achieve it. Please help.

We are using the following Code :

let maindata = [];
this.installmentData.forEach((item, key: number) => {
  if(item.editMode == true){
    let data = [];
    data['insArray'][key]['INSID'] = item.ID;
    data['insArray'][key]['AMOUNT'] = item.INSTALLMENTAMOUNT;
    data['dueDateArr'][key]['INSID'] = item.ID;
    data['dueDateArr'][key]['DUEDATE'] = item.INSTALLMENTDUEDATE;
    maindata.push(data)
  }
  
});

We are facing issue at [Key], console showing error as below

TypeError: Cannot set properties of undefined (setting '0')

Solution

Finally, we have created Custom code and it's Working.

let insArray = [];
let dueDateArr = [];
this.installmentData.forEach((item) => {
  if(item.editMode == true){
        insArray.push({'INSID': item.ID, 'AMOUNT': item.INSTALLMENTAMOUNT });
        dueDateArr.push({'INSID': item.ID, 'DUEDATE': item.INSTALLMENTDUEDATE })
  }

});

const maindata = {
  insArray: insArray,
  dueDateArr: dueDateArr
}

Answered By - Rakhi