How to access Enum values in Typescript

Question

I have an interface:

export interface Person {
  firstName?: string;
  lastName?: string;
  status?: Status;
}

export enum Status {
  Single,
  Married,
  Divorced
}

if I create a Person

Person john = {
    firstName: "John",
    lastName: "Smith",
    status: Status.Married,
}

And I decide to access John's status by

var johnStatus = john.status;

I would get a number (1)

How do I make it so that I get the actual values (Single, Married, and Divorced) instead of a number? I am very new to typescript and it doesn't seem like there are a lot of info on this online. I tried adding keyword such as 'typeof' or 'keyof' but they don't work. Is there any other keywords I can use. Do I need to create a helper method? I will appreciate any help!

dave · Accepted Answer · 2022-07-06 15:50:41Z

1

export enum Status {
  Single,
  Married,
  Divorced
}


//to string
const str1 = Status[Status.Single];
console.log(str1); // "Single"
// var johnStatus = Status[john.status];

or you can do

// STRING Enums
export enum Status {
  Single = 'Single',
  Married = 'Married',
  Divorced = 'Divorced'
}

const str2 = Status.Single;
console.log(str2); //"Single"
// var johnStatus = john.status;

answered Jul 6, 2022 at 15:50

dave

65.1k6 gold badges81 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

How to access Enum values in Typescript

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