TypeScript: Easier way to Initialize Nested Objects?

Question

Working in Angular/TypeScript, a small question: Say I have a defined object with nested objects, and a blank constructor. (And in this case, it's from a package so I cannot edit it; otherwise I'd add a constructor.)

Currently I initialize it like this:

var childObj = new ChildObj();
childObj.ChildProp = 'my child prop';

var myObj = new MyObj();
myObj.Prop1 = 'foo';
myObj.Prop2 = 'bar';
myObj.ChildProp = childObj;

Is there a less cumbersome way of achieving the above? I don't think object initialization syntax works in JS/TypeScript. I'd love to use that kind of syntax:

var myObj = new MyObj {
    Prop1 = 'foo',
    Prop2 = 'bar',
    ChildObj = new ChildObj {
        childObj.ChildProp = 'my child prop'
    }
};

Krantisinh · Accepted Answer · 2019-05-08 17:55:17Z

2

Try this:

let myObj = {
    prop1: 'foo',
    pop2: 'bar',
    childObj: {
        childProp: 'my child prop'
    }
} as MyObj;

answered May 8, 2019 at 17:55

Krantisinh

1,72915 silver badges18 bronze badges

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

Comments

Jack Bashford · Accepted Answer · 2019-05-08 00:04:39Z

0

You can use spreading:

var myObj =  { ...(new MyObj()), Prop1: "foo", Prop2: "bar", ChildObj: { ...(new ChidlObj()), ChildProp: "my child prop" } };

answered May 8, 2019 at 0:04

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

1 Comment

Cerberus Over a year ago

Note that this will break the prototype chain, so the methods might be missing.

Collectives™ on Stack Overflow

TypeScript: Easier way to Initialize Nested Objects?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related