web-dev-qa-db-ja.com

列挙型をプログラムで列挙する方法は？

次のように、TypeScript enum、MyEnumがあるとします。

enum MyEnum {
    First,
    Second,
    Third
}

TypeScript 0.9.5でenum値の配列を生成する最良の方法は何ですか？例：

var choices: MyEnum[]; // or Array<MyEnum>
choices = MyEnum.GetValues(); // plans for this?
choices = EnumEx.GetValues(MyEnum); // or, how to roll my own?
enumstypescript
78
David Cuccia

これは、その列挙型のJavaScript出力です。

var MyEnum;
(function (MyEnum) {
    MyEnum[MyEnum["First"] = 0] = "First";
    MyEnum[MyEnum["Second"] = 1] = "Second";
    MyEnum[MyEnum["Third"] = 2] = "Third";
})(MyEnum || (MyEnum = {}));

これは次のようなオブジェクトです：

Object {
    0: "First",
    1: "Second",
    2: "Third",
    First: 0,
    Second: 1,
    Third: 2
}

メンバー名

列挙メンバー名を取得するために、対応する値が数値である場合にオブジェクトのキーをフィルター処理できます。これにより、同じ値を持つ名前が確実に検出されます。

const names = Object.keys(MyEnum)
    .filter(k => typeof MyEnum[k] === "number") as string[];

次を含む：["First", "Second", "Third"]

メンバー値

列挙型メンバーの値を取得しながら、数値であるものでオブジェクトの値をフィルター処理できます。

const values = Object.keys(MyEnum)
    .map(k => MyEnum[k])
    .filter(v => typeof v === "number") as number[];

次を含む：[0, 1, 2]

拡張クラス

これを行う最善の方法は、独自の関数を作成することだと思います（例：EnumEx.getNames(MyEnum)）。関数を列挙型に追加することはできません。

class EnumEx {
    private constructor() {
    }

    static getNamesAndValues<T extends number>(e: any) {
        return EnumEx.getNames(e).map(n => ({ name: n, value: e[n] as T }));
    }

    static getNames(e: any) {
        return Object.keys(e).filter(k => typeof e[k] === "number") as string[];
    }

    static getValues<T extends number>(e: any) {
        return Object.keys(e)
            .map(k => e[k])
            .filter(v => typeof v === "number") as T[];
    }
}
179
David Sherret

TypeScript> = 2.4 を使用すると、文字列列挙型を定義できます。

enum Color {
  RED = 'Red',
  ORANGE = 'Orange',
  YELLOW = 'Yellow',
  GREEN = 'Green',
  BLUE = 'Blue',
  Indigo = 'Indigo',
  Violet = 'Violet'
}

JavaScript ES5出力：

var Color;
(function (Color) {
    Color["RED"] = "Red";
    Color["ORANGE"] = "Orange";
    Color["YELLOW"] = "Yellow";
    Color["GREEN"] = "Green";
    Color["BLUE"] = "Blue";
    Color["Indigo"] = "Indigo";
    Color["Violet"] = "Violet";
})(Color || (Color = {}));

これは次のようなオブジェクトです：

const Color = {
  "RED": "Red",
  "ORANGE": "Orange",
  "YELLOW": "Yellow",
  "GREEN": "Green",
  "BLUE": "Blue",
  "Indigo": "Indigo",
  "Violet": "Violet"
}

したがって、文字列列挙型の場合、フィルタリングする必要はありません。Object.keys(Color)とObject.values(Color)（*）で十分です。

const colorKeys = Object.keys(Color);
console.log('colorKeys =', colorKeys);
// ["RED","ORANGE","YELLOW","GREEN","BLUE","Indigo","Violet"]

const colorValues = Object.values(Color);
console.log('colorValues =', colorValues);
// ["Red","Orange","Yellow","Green","Blue","Indigo","Violet"]

colorKeys.map(colorKey => {
  console.log(`color key = ${colorKey}, value = ${Color[colorKey]}`);
});
/*
color key = RED, value = Red
color key = ORANGE, value = Orange
color key = YELLOW, value = Yellow
color key = GREEN, value = Green
color key = BLUE, value = Blue
color key = Indigo, value = Indigo
color key = Violet, value = Violet
*/

オンラインを参照してください TypeScriptプレイグラウンドの例

（*）古いブラウザに必要なポリフィル、 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values#Browser_compatibility を参照

19
tanguy_k

関数を追加して、enumの名前とインデックスを取得できます。

enum MyEnum {
  First,
  Second,
  Third
}

namespace MyEnum {
  function isIndex(key):boolean {
    const n = ~~Number(key);
    return String(n) === key && n >= 0;
  }

  const _names:string[] = Object
      .keys(MyEnum)
      .filter(key => !isIndex(key));

  const _indices:number[] = Object
      .keys(MyEnum)
      .filter(key => isIndex(key))
      .map(index => Number(index));

  export function names():string[] {
    return _names;
  }

  export function indices():number[] {
    return _indices;
  }
}

console.log("MyEnum names:", MyEnum.names());
// Prints: MyEnum names: ["First", "Second", "Third"]

console.log("MyEnum indices:", MyEnum.indices());
// Prints: MyEnum indices: [0, 1, 2]

couldは、エクスポートされた関数を使用して公開するのではなく、単に_namesおよび_indices constをエクスポートしますが、エクスポートされたメンバーは列挙型のメンバーであるため、それらを関数として持ち、実際の列挙型メンバーと混同しないようにします。

TypeScriptがすべての列挙型に対してこのようなものを自動的に生成するといいでしょう。

8
Rich

TypeScriptにはRTTI（実行時型情報）の概念はありません（考えてみてください：リフレクション）。これを行うには、変換されたJavaScriptの知識が必要です。したがって、TypeScript 0.95を仮定すると：

enum MyEnum {
    First, Second, Third
}

になる：

var MyEnum;
(function(MyEnum) {
    MyEnum[MyEnum["First"] = 0] = "First";
    MyEnum[MyEnum["Second"] = 1] = "Second";
    MyEnum[MyEnum["Third"] = 2] = "Third";
}

そのため、これはMyEnum.0 == "First"およびMyEnum.First == 0であるjavascriptの通常のオブジェクトとしてモデル化されます。したがって、すべての列挙名を列挙するには、オブジェクトに属し、数字でもないすべてのプロパティを取得する必要があります。

for (var prop in MyEnum) {         
    if (MyEnum.hasOwnProperty(prop) &&
        (isNaN(parseInt(prop)))) {
        console.log("name: " + prop);
    }
}

わかりました、それで今私はそれをする方法をあなたに言った、私はあなたに言うことを許されるこれは悪い考えである。マネージド言語を書いていないので、これらの習慣を持ち込むことはできません。それはまだ単純な古いJavaScriptです。 JavaScriptの構造を使用して、ある種の選択肢リストを設定する場合、単純な古い配列を使用します。ここでは列挙型は正しい選択ではありません。 TypeScriptの目標は、慣用的できれいなJavaScriptを生成することです。この方法で列挙型を使用しても、この目標は維持されません。

8
x0n

David Sherretによって提案されたソリューションを使用し、enum-values...という名前で使用できるnpmライブラリを作成しました。

Git：列挙値

// Suppose we have an enum
enum SomeEnum {
  VALUE1,
  VALUE2,
  VALUE3
}

// names will be equal to: ['VALUE1', 'VALUE2', 'VALUE3']
var names = EnumValues.getNames(SomeEnum);

// values will be equal to: [0, 1, 2]
var values = EnumValues.getValues(SomeEnum);
5
Slava Shpitalny

文字列値を列挙に関連付ける場合、これらのメソッドは機能しません。汎用機能を使用するには、次を実行できます。

function listEnum(enumClass) {
    var values = [];
    for (var key in enumClass) {
        values.Push(enum[key]);
    }
    values.length = values.length / 2;
    return values;
}

TypeScriptは最初のステップでキーを追加し、2番目のステップで値を追加するため、機能します。

TypeScriptの場合：

var listEnums = <T> (enumClass: any): T[]=> {
    var values: T[] = [];
    for (var key in enumClass) {
        values.Push(enumClass[key]);
    }
    values.length = values.length / 2;
    return values;
};

var myEnum: TYPE[] = listEnums<TYPE>(TYPE);
2
Chklang

エントリ（キーと値のオブジェクト/ペア）のリストを取得するためのワンライナー：

Object.keys(MyEnum).filter(a=>a.match(/^\D/)).map(name=>({name, value: MyEnum[name] as number}));
2
Venryx
enum MyEnum {
    First, Second, Third, NUM_OF_ENUMS
}

for(int i = 0; i < MyEnum.NUM_OF_ENUMS; ++i) {
    // do whatever you need to do.
}
2
joe

joe's answer 複雑なテストを行うよりも、最初のN個の数値キーに依存する方がはるかに簡単であることがわかりました。

function getEnumMembers(myEnum): string[]
{
    let members = []
    for(let i:number = 0; true; i++) {
        if(myEnum[i] === undefined) break
        members.Push(myEnum[i])
    }

    return members
}

enum Colors {
    Red, Green, Blue
}

console.log(getEnumMembers(myEnum))
1
kbtzr