How to create custom object inside an array in javascript?

Question

JSON:(this.schedulerForm.get("schedularList").value => this array has contains below array.. )

    const result = [{
                     formula_id:1,
                     quantity1:10,
                     quantity2:20,
                     quantity3:40
                     }]

conversion JSON:(Above JSON array contains 1 object with 3 quantity value. I need to seperate quantity value in each object with same formula_id along with month and year.. output should be like shown below.)

    const result = [{
                      formula_id:1,
                      year:this.year,
                      month: this.month,
                      quantity:10
                      },
                       {
                      formula_id:1,
                      year:this.year,
                      month: this.month,
                      quantity:20
                      },
                      {
                      formula_id:1,
                      year:this.year,
                      month: this.month,
                      quantity:40
                      }]

component.ts:

 month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
  year = new Date().getFullYear();
  getDate(n){
    const date = new Date();
     return date.getMonth() + n;
  }
 save() {
    console.log(this.schedulerForm.get("schedularList").value)
 }

What have you tried so far?

Kurt Hamilton
– Kurt Hamilton

2020-03-18 14:40:09 +00:00
Commented Mar 18, 2020 at 14:40 — Kurt Hamilton
– Kurt Hamilton, Commented Mar 18, 2020 at 14:40
This is still irrelative to Angular and Reactive Forms!

aelagawy
– aelagawy

2020-03-18 15:36:28 +00:00
Commented Mar 18, 2020 at 15:36 — aelagawy
– aelagawy, Commented Mar 18, 2020 at 15:36

Kevyn Klava · Accepted Answer · 2020-03-18 22:42:35Z

1

I think something like this will help you:

const data = [{
  formula_id:1,
  quantity1:10,
  quantity2:20,
  quantity3:40
}];

const year = new Date().getFullYear();
const month = 13;

const mapItem = obj => propQuantity => ({
  formula_id: obj.formula_id,
  year, 
  month,
  quantity: obj[propQuantity]
});

const props = ["quantity1", "quantity2", "quantity3"];

const result = data.reduce((agg, obj) => [...agg, ...props.map(mapItem(obj))], []);
console.log(result);

answered Mar 18, 2020 at 22:42

Kevyn Klava

3161 silver badge7 bronze badges

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

4 Comments

Rekha Over a year ago

Thank you for this solution.. How to do vice versa of this solution??

Rekha Over a year ago

Could you please tell how to do vice versa??? i have tried using groupby function but not getting proper data..

Kevyn Klava Over a year ago

You are asking to reconstruct the original array?

Kevyn Klava Over a year ago

@Rekha sorry for the delay, i prepared a jsfiddle with the code that you asking for: jsfiddle.net/kevynsax/en21m4zu/13 please let me know if this attend your needs

Collectives™ on Stack Overflow

How to create custom object inside an array in javascript?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related