How to create an array from user selected objects in IONIC 3?

Hello Guys,

I am trying to differentiate the selected array I get from user but i am unable to separate it . It just come together.

Like i am trying to get it like below image

30%20PM

but this is what i am getting shown in below image

58%20PM

in my ts file


sub_item: any = [{
    subcat_id: "",
    value: "",
    qty: ""
  }];

constructor(...){
..
}

submitbtn(){
this.sub_item.push({
      subcat_id: this.sub_id,
      qty: this.quantity,
      value: this.addonId + "|" + this.addOnPrice + "|" + this.selectedAddOn
    });
}

Please Help how can i achieve this?