TypeScript
Enums

Comment obtenir toutes les valeurs énumérées

enum SomeEnum { A, B }

let enumValues:Array<string>= [];

for(let value in SomeEnum) {
    if(typeof SomeEnum[value] === 'number') {
        enumValues.push(value);
    }
}

enumValues.forEach(v=> console.log(v))
//A
//B

Enums avec des valeurs explicites

Par défaut, toutes les valeurs enum sont résolues en nombres. Disons si vous avez quelque chose comme

enum MimeType {
  JPEG,
  PNG,
  PDF
}

la valeur réelle derrière, par exemple, MimeType.PDF sera 2 .

Mais parfois, il est important que l'énumération se résout à un autre type. Par exemple, vous recevez la valeur de backend / frontend / un autre système qui est définitivement une chaîne. Cela pourrait être une douleur, mais heureusement il y a cette méthode:

enum MimeType {
  JPEG = <any>'image/jpeg',
  PNG = <any>'image/png',
  PDF = <any>'application/pdf'
}

Cela résout le MimeType.PDF à l' application/pdf .

Depuis TypeScript 2.4, il est possible de déclarer des énumérations de chaînes :

enum MimeType {
  JPEG = 'image/jpeg',
  PNG = 'image/png',
  PDF = 'application/pdf',
}

Vous pouvez explicitement fournir des valeurs numériques en utilisant la même méthode

enum MyType {
   Value = 3,
   ValueEx = 30,
   ValueEx2 = 300
}

Les types plus fantaisistes fonctionnent également, puisque les énumérations non-const sont des objets réels à l'exécution, par exemple

enum FancyType {
   OneArr = <any>[1],
   TwoArr = <any>[2, 2],
   ThreeArr = <any>[3, 3, 3]
}

devient

var FancyType;
(function (FancyType) {
    FancyType[FancyType["OneArr"] = [1]] = "OneArr";
    FancyType[FancyType["TwoArr"] = [2, 2]] = "TwoArr";
    FancyType[FancyType["ThreeArr"] = [3, 3, 3]] = "ThreeArr";
})(FancyType || (FancyType = {}));

Mise en œuvre personnalisée: étend pour les énumérations

Parfois, il est nécessaire d'implémenter Enum seul. Par exemple, il n'y a pas de moyen clair d'étendre d'autres énumérations. L'implémentation personnalisée permet ceci:

class Enum {
  constructor(protected value: string) {}

  public toString() {
    return String(this.value);
  }

  public is(value: Enum | string) {
    return this.value = value.toString();
  }
}

class SourceEnum extends Enum {
  public static value1 = new SourceEnum('value1');
  public static value2 = new SourceEnum('value2');
}

class TestEnum extends SourceEnum {
  public static value3 = new TestEnum('value3');
  public static value4 = new TestEnum('value4');
}

function check(test: TestEnum) {
  return test === TestEnum.value2;
}

let value1 = TestEnum.value1;

console.log(value1 + 'hello');
console.log(value1.toString() === 'value1');
console.log(value1.is('value1'));
console.log(!TestEnum.value3.is(TestEnum.value3));
console.log(check(TestEnum.value2));
// this works but perhaps your TSLint would complain
// attention! does not work with ===
// use .is() instead
console.log(TestEnum.value1 == <any>'value1'); 

Extension des énumérations sans implémentation d'énumération personnalisée

enum SourceEnum {
  value1 = <any>'value1',
  value2 = <any>'value2'
}

enum AdditionToSourceEnum {
  value3 = <any>'value3',
  value4 = <any>'value4'
}

// we need this type for TypeScript to resolve the types correctly
type TestEnumType = SourceEnum | AdditionToSourceEnum;
// and we need this value "instance" to use values
let TestEnum = Object.assign({}, SourceEnum, AdditionToSourceEnum);
// also works fine the TypeScript 2 feature
// let TestEnum = { ...SourceEnum, ...AdditionToSourceEnum };

function check(test: TestEnumType) {
  return test === TestEnum.value2;
}

console.log(TestEnum.value1);
console.log(TestEnum.value2 === <any>'value2');
console.log(check(TestEnum.value2));
console.log(check(TestEnum.value3));