Typescript: How to access element of array object?

Question

I've written a array for store language options.

public languageOptions:Array<Object> = [
    {
    name: 'English',
    value: 'en'
    },
    {
    name: 'France',
    value: "fr"
    }
];

And I want to set English as default language. I did it in following way,

private static readonly DEFAULT_LANGUAGE: string = 'en';

But I want to set 'en' value directly from the object array like this,

private static readonly DEFAULT_LANGUAGE: string = languageOptions[0].value;

But when I write that, it gives following error

[ts] Cannot find name 'languageOptions'

Can someone please help me to solve this problem. Please advice how to access 'en' from array object. Thank you.

You cannot access an instance property like languageOptions from a static method--it doesn't make any sense. Perhaps you want languageOptions to be status too. — user663031
– user663031, Commented Sep 3, 2017 at 6:30

Sajeetharan · Accepted Answer · 2017-09-03 06:33:07Z

3

You should use this

export class App {
 languageOptions = [
    {
    name: 'English',
    value: 'en'
    },
    {
    name: 'France',
    value: "fr"
    }
];
 private readonly DEFAULT_LANGUAGE = this.languageOptions[0].value;
}

DEMO

edited Sep 3, 2017 at 6:33

answered Sep 3, 2017 at 6:25

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

2 Comments

Gayan Over a year ago

then it returns, "[ts] Property 'languageOptions' does not exist on type 'typeof AppComponent'." error

Sajeetharan Over a year ago

did you check the demo

Titian Cernicova-Dragomir · Accepted Answer · 2017-09-03 06:35:11Z

0

You can't access an instance member (aka non static, languageOptions in your case) from a static member initialization (for DEFAULT_LANGUAGE).

Also do not type you array as Array<object>, this will not let the compiler do inference and help you out after. Just use :

public static languageOptions = [
    {
    name: 'English',
    value: 'en'
    },
    {
    name: 'France',
    value: "fr"
    }
];

answered Sep 3, 2017 at 6:35

Titian Cernicova-Dragomir

253k37 gold badges464 silver badges394 bronze badges

Collectives™ on Stack Overflow

Typescript: How to access element of array object?

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related