[解決済み] ラジオボタンに表示するためのenum値をループで処理するにはどうしたらいいですか?重複
2022-03-16 09:23:02
質問
TypeScriptでenumのリテラルをループする適切な方法は何ですか?
(現在、TypeScript 1.8.1を使っています)。
以下のようなenumがありますね。
export enum MotifIntervention {
Intrusion,
Identification,
AbsenceTest,
Autre
}
export class InterventionDetails implements OnInit
{
constructor(private interService: InterventionService)
{
let i:number = 0;
for (let motif in MotifIntervention) {
console.log(motif);
}
}
表示される結果はリストです
0
1
2
3
Intrusion,
Identification,
AbsenceTest,
Autre
enumの要素は4つだけなので、ループの繰り返しは4回だけにしたいです。enumのインデックス番号と思われる0、1、2、3は必要ありません。
どのように解決するのですか?
2つの選択肢があります。
for (let item in MotifIntervention) {
if (isNaN(Number(item))) {
console.log(item);
}
}
または
Object.keys(MotifIntervention).filter(key => !isNaN(Number(MotifIntervention[key])));
( プレイグラウンドのコード )
編集
文字列の列挙は、例えば、通常の列挙とは異なるように見えます。
enum MyEnum {
A = "a",
B = "b",
C = "c"
}
にコンパイルします。
var MyEnum;
(function (MyEnum) {
MyEnum["A"] = "a";
MyEnum["B"] = "b";
MyEnum["C"] = "c";
})(MyEnum || (MyEnum = {}));
このオブジェクトを得るだけです。
{
A: "a",
B: "b",
C: "c"
}
すべてのキーを取得することができます (
["A", "B", "C"]
)はこのようになります。
Object.keys(MyEnum);
そして、その値(
["a", "b", "c"]
):
Object.keys(MyEnum).map(key => MyEnum[key])
または オブジェクト.バリューズ() :
Object.values(MyEnum)
関連
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
[解決済み] intをenumにキャストするにはどうすればよいですか?
-
[解決済み] JavaScriptで空文字列/未定義文字列/null文字列をチェックするにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトを表示するにはどうすればよいですか?
-
[解決済み] オブジェクトをメンバーとして、プレーンなJavaScriptオブジェクトをループさせる方法
-
[解決済み] Pythonで'Enum'を表現するにはどうしたらいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
JavaScriptの配列共通メソッド解説
-
vueにおけるfilterの適用シーンについて解説します。
-
Vueの「データを聴く」原則を解説
-
[解決済み] 配列の結合時に未定義のプロパティ 'push' を読み込むことができない
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
jq は html ページとデータを動的に分割する。
-
[解決済み] C#ですべてのenum値をループする方法は?[重複している]をクリックします。
-
[解決済み] enumの項目名を取得する方法は?