How can I assign values to an array in a constructor using Typescript?

Question

Here is what I have tried:

class PhraseService

    phrasePosShortNames: [{ id: number, name: string }];
    phrasePosNames = [
    {
        id: 0,
        longName: '#',
        shortName: '#'
    },
    {
        id: 1,
        longName: 'Noun',
        shortName: '#'
    },
    {
        id: 2,
        longName: 'Verb',
        shortName: 'V'
    }
    ];
    constructor( ) {

        this.phrasePosShortNames = this.phrasePosNames.map(item => {
            id: item.id,
            name: item.longName
        })
    }

But this gives me an error:

Severity Code Description Project File Line Suppression State Error TS2322 Type 'void[]' is not assignable to type '[{ id: number; name: string; }]'. Property '0' is missing in type 'void[]'

Can someone tell me what I'm doing wrong?

JB Nizet · Accepted Answer · 2016-08-06 15:32:31Z

3

this.phrasePosNames.map(item => {
    return {
      id: item.id,
      name: item.longName
    };
});

And the type should be

{ id: number, name: string }[]

or

Array<{ id: number, name: string }>

I would define an interface instead, which would make the code more readable.

edited Aug 6, 2016 at 15:32

answered Aug 6, 2016 at 15:23

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

2 Comments

Samantha J T Star Over a year ago

Thanks. My mistake there but I still get a typescript error: error TS2322: Build: Type '{ id: number; name: string; }[]' is not assignable to type '[{ id: number; name: string; }]'.

Samantha J T Star Over a year ago

Fixed with my definition by adding [] to the end of the { ... }

Collectives™ on Stack Overflow

How can I assign values to an array in a constructor using Typescript?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related