我可以使用typescript将对象键约束为枚举值吗？
是的，你可以使用TypeScript将对象键约束为枚举值。
在TypeScript中，可以使用枚举类型来定义一组具有预定义值的常量。通过将枚举类型用作对象的键，可以限制对象的键只能是枚举中定义的值。
下面是一个示例：
enum Colors {
Red = 'red',
Green = 'green',
Blue = 'blue'
}
type ColorMap = {
[key in Colors]: string;
};
const colors: ColorMap = {
[Colors.Red]: '红色',
[Colors.Green]: '绿色',
[Colors.Blue]: '蓝色'
};
console.log(colors[Colors.Red]); // 输出：红色
console.log(colors[Colors.Green]); // 输出：绿色
console.log(colors[Colors.Blue]); // 输出：蓝色
console.log(colors['yellow']); // 错误：键必须是枚举中定义的值在上面的示例中，我们定义了一个枚举类型Colors，它包含了三个常量值：Red、Green和Blue。然后，我们使用ColorMap类型将对象的键约束为Colors枚举中的值。最后，我们创建了一个colors对象，其中的键只能是Colors枚举中定义的值。
这样，当我们尝试使用非枚举中定义的键时，TypeScript会给出编译错误，从而确保对象的键是受限的。
推荐的腾讯云相关产品：腾讯云函数（云原生无服务器函数计算服务），详情请参考：腾讯云函数产品介绍。
相关·内容
在中，有一个题为的问题，下面的TypeScript：
enum Fruit {APPLE, ORANGE};
显示为编译到此JavaScript：
var Fruit;
(function (Fruit) {
Fruit[Fruit["APPLE"] = 0] = "APPLE";
Fruit[Fruit["ORANGE"] = 1] = "ORANGE";
})(Fruit || (Fruit = {}));
在line 3和line 4上，对象属性赋值被用作对象键：
Fruit[Fruit["APPLE"
浏览 2提问于2019-05-07得票数 3
回答已采纳
typescript中的Record类型定义为： type Record<K extends keyof any, T> = {
[P in K]: T;
} 我不明白为什么这里要用keyof any。 检查后，我发现keyof any的类型是string | number | symbol。为什么会这样呢？
浏览 131提问于2019-04-05得票数 14
回答已采纳
我在TypeScript中有一个字符串枚举，我想像下面这样迭代它。但是，当我这样做时，迭代器的类型是一个字符串，而不是枚举类型。 enum Enum { A = 'a', B = 'b' };
let cipher: { [key in Enum]: string };
for (const letter in Enum) {
cipher[letter] = 'test'; // error: letter is of type 'string' but needs to be 'Enum'
} 我
浏览 24提问于2021-04-10得票数 0
回答已采纳
在Typescript中，如何将泛型类型上的字段类型限制为特定类型？换句话说，我想编写一个接受对象obj和该对象的键key的函数，但是如果obj[key]不是X类型，就会引发Typescript错误。例如，如果X为string
function foo<T extends {}, K extends keyof T ???>(obj: T, key: K) {
console.log(obj[key])
}
>> foo({ fox: 'Mulder' }, 'fox')
Mulder
>> foo({ fox: 2
浏览 6提问于2021-12-01得票数 0
我在TypeScript中有一个下面的TypeScript：
enum RoleTypes {
None,
Admin,
SuperAdmin
}
当我运行以下代码时：
var roleName = RoleTypes[RoleTypes.SuperAdmin];
变量roleName的值是SuperAdmin。
是否可以将其更改为自定义名称'Super Administrator'，以及如何做到这一点？
浏览 7提问于2017-05-14得票数 9
回答已采纳
我有一个函数，它接受一个参数，该参数的类型在typescript中有几个不同的枚举。我想检查参数是哪种枚举类型。有没有可能检查一下？下面是一个示例代码：
enum X {
ONE,
TWO
}
enum Y {
THREE,
FOUR
}
function check(arg1: X | Y) {
if (arg1 is X) {
// do something with X
}
if (arg1 is Y) {
// do something with Y
}
}
浏览 0提问于2020-05-17得票数 2
我想以编程的方式获得TypeScript枚举的名称。
说我有一个像这样的枚举：
enum MyEnum {
v1 = 'v1',
v2 = 'v2',
}
我想通过编程获得这个枚举的名称。我尝试了以下几点：
const enumType = MyEnum
console.log(enumType.constructor.name) // I expect this to return "MyEnum"
但它会显示"Object“。
有没有一种以编程方式获取TypeScript枚举名称的方法？
浏览 3提问于2020-01-20得票数 5
回答已采纳
是这个问题的TypeScript游乐场示例，它只有这个问题所需的最低限度。
这是一个真实的例子:我有一个enum
export enum OrderType {
Market = 'MARKET',
Limit = 'LIMIT',
}
然后我有一个输入字段
export const TypeInputInner = ({ onChange, value }: Props) => {
return (
<Select style={{ width: 150, margin: 5 }} value={value} onChange=
浏览 1提问于2019-07-21得票数 1
回答已采纳
//fake code;there shoud be type annotations
function makeObject(key,value){
return {[key]:value};
}
const obj=makeObject("name","Tom");
我想要什么
我希望typescript编译器推断obj具有类型{"name":string}，但我不知道"makeObject“的签名应该是什么。
我尝试过的东西
我已经弄清楚了如何让tsc将"name“识别为字符串文字类型。
function make
浏览 0提问于2020-07-19得票数 2
我们有一个rest API，它为给定的字段返回一个字符串，但我们知道这个字符串实际上是我们在Typescript中创建的一个枚举。
我们的枚举如下所示
export enum Enum1 {
RED = 'Red',
GREEN = 'Green',
BLUE = 'Blue'
}
我们遇到的问题是，当比较Typescript使用Red时，后端返回RED，所以下面的比较
myResp.myField === Enum1.RED
不能正常工作。在Typescript中处理这种情况的适当方式是什么？
浏览 1提问于2018-07-11得票数 0
我在定义一个只允许将TypeScript接口的一个属性作为参数传递给方法的方法时遇到了一些困难。
getTranslation<T, TProperty>(activeLocale: Locale, translations: MobilityTranslations<T>, property: TProperty): string
我想要实现的是，property参数是接口T的单个属性。
在TypeScript中有实现这一目标的方法吗？
interface TranslationKeys {
translation1: string
translation2:
浏览 2提问于2022-05-22得票数 0
回答已采纳
9回答
假设我有两个枚举，如下面在Typescript中所述，那么我如何合并它们
enum Mammals {
Humans,
Bats,
Dolphins
}
enum Reptiles {
Snakes,
Alligators,
Lizards
}
export default Mammals & Reptiles // For Illustration purpose, Consider both the Enums have been merged.
现在，当我在另一个文件中枚举exported value时，我应该能够访问两个枚举中
浏览 3提问于2018-01-28得票数 66
3回答
我有以下TypeScript枚举：
enum Country {
BR = "Brazil",
NO = "Norway"
}
然后假设我有一个以Country作为参数的方法，如下所示：
someFunc = (country: Country): void => {
console.log(country) //Will print "Brazil" if country = Country.BR
console.log(Country[country]) //Same as above
conso
浏览 1提问于2018-01-16得票数 12
回答已采纳
我有一个枚举：
export enum ApiMessages {
logged_ok = 'Logged OK',
register_ok = 'Register OK'
}
我有一个以枚举作为参数的函数：
export function responseOK(message: ApiMessages, result ?: any): ApiResponse {
return {
"status": "ok",
"code": 200,
&#
浏览 7提问于2019-01-21得票数 54
回答已采纳
我试图通过以下一些来自互联网的例子来学习redux，但是我遇到了一个TypeScript错误，我不知道如何修复.
我在同一个目录里有两个文件..。constants.ts和types.ts.
constants.ts导出包含字符串值的操作常量：
// constants.ts
export const Actions = {
ADD: 'ADD',
TOGGLE: 'TOGGLE',
};
types.ts包含一个ActionType，它将用于指定Redux还原器函数中的参数类型.它使用Actions常量，如下所示：
// types.ts
import
浏览 1提问于2018-09-01得票数 0
回答已采纳
埃努姆不管用
TypeScript枚举接近于我所需要的，但它们并不是一成不变的。我需要一组类似于枚举的known-at-compile-time和static-at-runtime项集，但它们是类的实例，以支持添加属性或方法等功能。
为了这个问题的目的，假设TypeScript 4.4.3。
示例
举个例子，比如说一家小便利店有三条过道。每个过道都有一个id和一个name
// Aisle objects
name: 'food', aisleId: '4'
name: 'housewares', aisldId: '7'
nam
浏览 0提问于2021-10-16得票数 2
回答已采纳
假设我有一个随机的用户对象：
(在TypeScript 3.7.5上)
{
moderator: {
id: '38232'
}
}
如果我这样做了，UserDisplay.get(randomUser)会输出{ userPath: 'modeator.id', userType: 'MODERATOR' }，因为它看到了randomUser内部，并看到了moderator对象的存在。
如何使用TypeScript确定任何随机用户将正确地与其相关的UserType枚举相关联。
如果是这样的话：
UserDispla
浏览 2提问于2021-03-24得票数 0
回答已采纳
2回答
我想用javascript创建枚举，我做了以下代码，我想验证这是正确的方法。
var dataStates = {
withMock: "withM",
withoutMock: "withoutM",
};
可以吗？
例如，我想像这样使用它
oCation.dataMode === dataStates.withMock
该state.data.withMock将保留该值，但我不确定它是否正确...
浏览 1提问于2015-02-03得票数 0
1回答
约束输入值
、、
我正在努力限制Postgres数据库中某些字段的输入，并且我有一个使用ENUM的工作解决方案，如下所示：
CREATE TYPE label AS ENUM ('foo','bar');
但是，我浏览了一遍，并研究了使用以下方法实现这一目的的其他方法：
约束(如：CHECK (type IN ('foo','bar')) )
触发器(据我所读，缓慢)
外键
使用这两种方法中的任何一种都有什么好处/缺点，其中任何一种都更可取吗？我不一定要问哪一种是“最好”的方法，而只是问使用这些方法可能会产生什么样的问题。我知道，与其他方法相比，使
浏览 0提问于2019-02-07得票数 1
回答已采纳
我在TypeScript 3.7.5中有两个enums和一个const，我想用enums为一个常量编写一个相当复杂的type enum Action {
Jump,
Run,
Shoot,
}
enum Character {
Foo,
Bar,
}
type IDontKnow = ...;
const actions: IDontKnow = {
[Character.Foo]: {
[Action.Jump]: false,
[Action.Run]: true,
[Action.Shoot]: false,
},
[Cha
浏览 17提问于2020-04-06得票数 1
回答已采纳
3回答
我希望在TypeScript中创建一个类型，并使用另一个对象的值作为其键。
const routes = {
home: "HOME",
profile: "PROFILE"
}
export type NavigatorParamList = {
[routes.home]: undefined;
[routes.profile]: undefined;
};
我知道这个代码不起作用！知道怎么做吗？
浏览 7提问于2021-12-25得票数 3
回答已采纳
在尝试对数值枚举进行比较时，我注意到一个错误，其中枚举值被转换为字符串类型。这是一种预期的行为吗？
enum Test {
a = 0,
b = 1
}
console.log(Test.a === Test[0]);
// ^ This condition will always return 'false' since the types 'Test' and 'string' have no overlap.(2367)
TypeScript版本：v4.6.4
浏览 2提问于2022-05-26得票数 0
回答已采纳
假设我有一个字符串枚举：
enum Color {
None = "Q",
Red = "R",
Green = "G",
Blue = "B",
}
现在，在TypeScript，中，我无法编写Color["Q"]来获得潜在的Color返回。我尝试声明自己的助手函数：
type StringEnum = {[key: string]: string};
function lookup<E extends StringEnum>(stringEnum: E, s: str
浏览 0提问于2019-09-13得票数 2
回答已采纳
我有一个像这样的TypeScript代码：
enum EventType {
EVENT_A = 'eventA',
EVENT_B = 'eventB',
... // more event types
}
interface Event {
type: EventType;
}
interface EventA extends Event {
type: EventType.EVENT_A;
data: PayloadForEventA;
}
interface EventB extends Event {
type: Ev
浏览 3提问于2020-11-19得票数 5
回答已采纳
我试图在TypeScript中迭代一个枚举，以创建对应于它们的单选按钮。我知道如何使用数组来完成这个任务，但是我很难用枚举来完成它。
enum labelModes{
'MultiClass',
'MultiLabel'
}
@Component({
selector: 'app-label-type',
template: `
<div class="text-center p-2">
Type of labeling:<br>
<div *
浏览 3提问于2018-05-29得票数 4
回答已采纳
我正在将我的一个JavaScript应用程序转换为TypeScript，我遇到了一个问题:我有一个数字枚举，AnswerKeys和key，"C"。我想得到会员的价值，"2"，所以是。
enum AnswerKeys {
'A' = 0,
'B',
'C',
}
let key = 'C'
let answer = AnswerKeys[key]
// it should log 2
console.log(answer)
它可以工作，但我收到以下TypeScript错误：
元素隐式具有
浏览 5提问于2022-07-31得票数 0
回答已采纳
1回答
考虑以下TypeScript类：
export class Spot {
public flight:number;
public dateAndTimes:Map<string,string>
public unitCost:number;
constructor(){
this.flight=0;
this.dateAndTimes= new Map<string,string>();
this.unitCost=0;
}
}
如何将Spot对象转换为JSON？
我尝试使
浏览 0提问于2018-09-28得票数 0
1回答
给定一个TypeScript枚举：
export enum Color {
Red,
Green,
Blue,
}
我希望在一个数组中获得它的所有值，如下所示：
["Red", "Green", "Blue"]
然而，当我在该枚举上使用
const colors = Object.keys(Color);
我得到了一个由索引和值组成的奇怪的数组：
[ '0', '1', '2', 'Red', 'Green', 'Blue' ]
浏览 0提问于2018-02-13得票数 25
回答已采纳
我有一个泛型类型
type GenericType = {
[key: string]: {
prop1: string,
prop2?: string,
prop3?: number,
},
};
我使用泛型类型来帮助构建/类型检查我创建的新对象。
const Obj1: GenericType = {
key1: {
prop1: "hi",
},
key2: {
prop1: "bye",
prop2: "sup",
},
};
它起作用了。然而，当我使用这个新对象时，
浏览 1提问于2020-09-01得票数 0
假设我有一个函数总是返回false：
function alwaysReturnsFalse(): boolean {
// some code
return false;
}
我想用false而不是boolean来说明这一点
function alwaysReturnsFalse(): false {
// some code
return false;
}
当我尝试时，TypeScript似乎接受了这一点，但这是错误的做法吗？我在TypeScript文档中找不到任何关于它的例子，所以我猜我可能不应该这么做。我从没听说过false是一种类型。但是，我认为这会使代码更容易理解，
浏览 6提问于2022-10-14得票数 2
8回答
我正在TypeScript中创建一个对象数组：
userTestStatus xxxx = {
"0": { "id": 0, "name": "Available" },
"1": { "id": 1, "name": "Ready" },
"2": { "id": 2, "name": "Started" }
};
有人能告诉我怎样才能正确地声明它的类型吗？可以内联吗?还是
浏览 13提问于2016-02-16得票数 390
回答已采纳
2回答
插入对象以使数组保持排序
、、、、
我有一个包含不同步骤的枚举
export enum StepCategory {
START = 0,
POSITION_1 = 1,
TRANSPORT = 2,
RECEIVER = 3,
END = 4,
NO_STEP_MATCH = 5
}
这将在稍后产生一个数组，其中每一步我都有一个对象。问题是我不会一次加载所有的信息，所以我不能做一个简单的for循环并按时间顺序推送每一项。我可以先加载第4步的值，所以我的数组应该是：
var array = [{"END" , "POSITIVE"}]
之后，我将获
浏览 8提问于2017-01-25得票数 0
3回答
我在从枚举中获取值时遇到了问题。下面是我的代码片段： export const enum ComplianceType {
ENGINEER_ASSESMENT = 'ENGINEER_ASSESMENT',
CONSTRUCTION_COMPLIANCE = 'CONSTRUCTION_COMPLIANCE',
ARCHITECTURE_ASSIGNMENT = 'ARCHITECTURE_ASSIGNMENT',
BLUEPRINT_APPROVAL = 'BLUEPRINT_APPROVAL',
THE
浏览 141提问于2019-06-11得票数 0
回答已采纳
枚举对象与具有“string”键和“number”值的常规对象之间有什么区别？
// THIS IS TYPESCRIPT CODE
enum Role { ADMIN, READ_ONLY_USER, FINANCES } // enum
const Role_alt = { ADMIN : 0, READ_ONLY_USER : 1, FINANCES : 2 } // object with 'string' keys and 'number' values
console.log(Role.FINANCES) // <- 2
console
浏览 18提问于2022-09-02得票数 0
我试图给react中的一个组件一个有条件的颜色，如果它的类型是绿色的，或者不喜欢它将是红色的。这在javascript中可以工作，但是使用typescript时，我得到了错误： 元素隐式具有“”any“”类型，因为“”string“”类型的表达式不能用于索引类型“”{ like: string；dislike: string；}“”。““”在类型'{ like: string；dislike: string；}‘上未找到参数类型为'string’的索引签名。 我对react中的typescript相当陌生，所以我不太确定如何解决这个问题，所以任何帮助都会很好！ import
浏览 111提问于2021-01-31得票数 1
2回答
将枚举映射到键或值的类型
、、、
使用Typescript，我想将Enum转换为
type keys = "key1"| "key2"
// or
type values = "value1" | "value2"
我可以用class来实现。
class C { a: number; b: string;}
type Keys = keyof C; // "x" | "y"
type Values = C[keyof C]; // string | number
我想做的是
enum Roles {Admin = "admi
浏览 0提问于2020-04-19得票数 0
我在这个网站上看到了几个问题，解释当数据库中存在枚举时，应该将枚举保存在数据库中(例如这一个)。然而，我觉得我的情况是不同的，有额外的因素需要考虑。
我正在开发的应用程序提供了一个用户界面，让人们可以基于有限的“模块”来定制“屏幕”(基本上是网页)。我们希望给最终用户一个框架，这样每个模块都会有有限的定制。该模块将手工创建，然后该模块加上用户输入的值将被解析以创建网页。我们的环境是非常具体的，所以它不一定是HTML直接，但我们可以认为它是HTML。
我觉得我们无法将整个模块存储在数据库中，特别是用于解析用户输入以生成输出的函数。但是，DB中的其他行将需要引用该模块。在这种情况下，最好的办法是什
浏览 0提问于2018-07-04得票数 1
回答已采纳
今天更新了一些代码，这些代码将可选的道具返回给React组件。我发现，即使函数有时返回null，但当返回值被立即解压缩时，它不会出错。
学究式的守则摘要：
const returnPropsOrDont = (condition) => {
if (condition) return null;
return { optionalProp: 'foo' };
}
...
render() {
const { condition } = props;
return <SomeComponent
staticProp="st
浏览 6提问于2020-07-13得票数 11
回答已采纳
TypeScript有很多不同的方法来定义枚举：
enum Alpha { X, Y, Z }
const enum Beta { X, Y, Z }
declare enum Gamma { X, Y, Z }
declare const enum Delta { X, Y, Z }
如果我试图在运行时使用来自Gamma的值，我会得到一个错误，因为没有定义Gamma，但是对于Delta或Alpha不是这样吗？在这里的声明中，const或declare是什么意思？
还有一个preserveConstEnums编译器标志--它如何与这些标志交互？
浏览 0提问于2015-03-03得票数 125
回答已采纳
31回答
我想要迭代TypeScript枚举对象并获取每个枚举的符号名称，例如: enum myEnum { entry1，entry2 }
for (var entry in myEnum) {
// use entry's name here, e.g., "entry1"
}
浏览 74提问于2013-08-08得票数 484
回答已采纳
给定对象类型(或类类型)，我想编写一个接受对象的函数及其键列表。但是，我只希望允许映射到特定类型的值的键，例如，只允许字符串。
示例：
function shouldOnlyAcceptStringValues(o, key) {
// Do something with o[key] that depends on the assumption that o[key] has a specific type, e.g. string
}
const obj = {
a: 1,
b: "test",
c: "bla"
}
co
浏览 4提问于2020-05-13得票数 4
回答已采纳
1回答
我正在尝试处理类型记录中的模型验证。我希望能够捕获验证定义的嵌套类型。
例如，我希望能够像这样创建验证器。
const validateUser = createValidator({
name: {
first: {
value: "First"
},
last: {
value: "Last"
}
},
age: {
value: 32
},
hasOnboarded: {
value: false
}
});
这将创建一个validateUser函数，该函数接受
浏览 0提问于2018-10-30得票数 2
回答已采纳
我在一个项目中有一个正在尝试键入的对象： export const dateFormat = {
hourOnly: { hour: 'numeric' }
…
} 我知道这个对象中的值应该适合Intl.DateTimeFormatOptions，所以我尝试： export const dateFormat: {[key: string]: Intl.DateTimeFormatOptions} = {
hourOnly: { hour: 'numeric' }
…
} 这是可行的，但是我失去了在项目中的其他地方自动完成这个对象的能力。我试着在
浏览 12提问于2019-04-04得票数 0
回答已采纳
我使用TypeScript输入以下内容： const k = {
container: {
width: '100%',
},
} 当我使用智能感知时，TypeScript发现我的对象k有一个名为container的属性似乎很酷。它工作得很好。现在，我想限制属性的值，所以我声明了一个接口： interface StyleSet {
[key: string]: React.CSSProperties
} 现在我将类型添加到前面的对象中，所以我们有： const k: StyleSet = {
container: {
width: '10
浏览 48提问于2020-09-17得票数 0
1回答
在TypeScript中，是否可以将对象中的每个键作为泛型传递给该对象中的每个相应值？例如：
interface Items
{
[key: Key extends string]: Item <Key>;
};
interface Item <Key>
{
name: Key;
};
如果键是字符串文字，则可以实现此操作：
type Name = 'a' | 'b' | 'c';
type Items =
{
[Key in Name]?: Item<Key>;
};
inter
浏览 0提问于2019-08-27得票数 1
3回答
我有如下所示的Theme.ts文件 export default {
COLORS: {
DEFAULT: '#172B4D',
PRIMARY: '#5E72E4',
SECONDARY: '#F7FAFC',
}
}; 在我的按钮组件中，我像这样导入了上面的主题文件--> import argonTheme from "../constants/Theme"; 在我按钮组件中，我想像这样动态地访问该颜色 const { small, shadowless, children, colo
浏览 31提问于2021-01-25得票数 4
回答已采纳
赏金3天后到期。回答此问题有资格获得+100声誉奖励。吉米想要引起人们对这个问题的更多关注。 为了在typescript枚举中使用项的子集，我们这样做： 有没有什么方法可以让EqualOperators成为enum而不是type，这样我就可以在脚本中使用它？ 为了澄清，当我说“在脚本中使用它”时，我指的是能够在javascript函数中使用enum值，这在types中是不能做到的，例如： 谢谢！
浏览 58提问于2021-02-24得票数 2
回答已采纳
4回答
大家好，我只是个新手，很抱歉我的问题:)
我已经尝试使用char、tinyint、bool和CHECK约束。
下面是我的检查约束：
CHECK (user_type>=0 AND user_type<=1)
但是我仍然可以插入大于1的值，我想要的只是1和0。我将使用它作为我的用户的类型。虽然我可以在前端级别验证这一点，但我仍然希望在数据库本身中进行验证。
提前感谢:)
浏览 2提问于2010-08-15得票数 3
我正在尝试使用枚举(或数组的值)中的计算属性名初始化JavaScript/TypeScript对象。我想出了如何在循环中创建计算属性，但希望有一些聪明的初始化器语法来一次性完成所有这些。 示例:给定如下的TypeScript枚举： enum Amenities { FreeWeights = "Free Weights", CardioMachines = "Cardio Machines", ... }; 我尝试创建一个对象，如下所示： { ['Cardio Machines'] : Boolean,
['Free Weig
浏览 33提问于2021-05-04得票数 1
回答已采纳
以下TypeScript：
enum PrimaryColors { Red, Green, Blue };
生成以下JavaScript：
var PrimaryColors;
(function (PrimaryColors) {
PrimaryColors[PrimaryColors["Red"] = 0] = "Red";
PrimaryColors[PrimaryColors["Green"] = 1] = "Green";
PrimaryColors[PrimaryColors["Blu
浏览 2提问于2013-11-29得票数 20
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
