Trying to insert new field into each object within an array using TS

Question

I have an angular project where I have a block of code that returns an array of objects, which consists of contact records.

I have a 'forEach' loop where I create a new field with the user's initials.

I want to then push this new field 'userInitials' into the appropriate record.

I have the following code, but it's pushing new objects and not new fields, but when I remove the object brackets, I get errors.

    let initialHold: any;
    let contactWithInitials = [];

    this.contacts.forEach( eachObj => {
      if(eachObj.first_name){
        initialHold = eachObj.first_name.charAt(0);
      }
      if(eachObj.last_name){
        initialHold += eachObj.last_name.charAt(0);
      }

      this.contacts.push({'userInitials':initialHold});

    })

Hassan Imam · Accepted Answer · 2018-03-25 04:59:47Z

2

Use this eachObj['userInitials'] = initialHold instead of this.contacts.push({'userInitials':initialHold});. You want to mutate the original object, then you have to add the new property to the eachObj once you create the new property.

answered Mar 25, 2018 at 4:59

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

Trying to insert new field into each object within an array using TS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related