如何在Typescript中将联合(或其他)类型设置为接口中的强制键名
在Typescript中，我们可以使用联合类型或其他类型来设置接口中的强制键名。下面是一种实现方法：
- 首先，我们可以使用联合类型来定义接口中的强制键名。联合类型使用竖线（|）将多个类型组合在一起。例如，我们可以定义一个接口，其中的键名可以是字符串类型或数字类型：
interface MyInterface {
[key: string | number]: any;
}- 接下来，我们可以在使用该接口的地方，将联合类型作为键名的类型进行使用。例如，我们可以创建一个对象，使用联合类型作为键名的类型：
const myObject: MyInterface = {
name: 'John',
age: 25,
1: 'One',
2: 'Two'
};在上面的示例中，我们可以看到，键名可以是字符串类型（如'name'和'age'），也可以是数字类型（如1和2）。
- 此外，我们还可以使用其他类型来设置接口中的强制键名。例如，我们可以使用交叉类型来组合多个类型，并将其作为键名的类型。交叉类型使用与号（&）将多个类型组合在一起。例如，我们可以定义一个接口，其中的键名可以是字符串类型并且必须具有name属性：
interface MyInterface {
[key: string]: {
name: string;
};
}在上面的示例中，我们可以看到，键名必须是字符串类型，并且对应的值必须是一个具有name属性的对象。
总结起来，我们可以使用联合类型或其他类型来设置接口中的强制键名。这样可以灵活地定义接口，以适应不同的需求和场景。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tencentblockchain
相关·内容
我想在typescript中使用两个不同的接口来创建接口属性。这是可能的吗？
interface IPayload1 {
id: string;
name: string;
}
interface IPayload2 {
id: string;
price: number;
}
interface Demo {
// Can this be possible?
payload: IPayload1 | IPayload2;
}
浏览 0提问于2018-10-30得票数 3
给定以下类型定义：
type BaseItem = {
name: string;
purchasedAt: string;
purchasePrice: number;
};
type AvailableItem = BaseItem;
type SoldItem = BaseItem & {
soldAt: string;
sellingPrice: number;
};
export type Item = AvailableItem | SoldItem;
为什么TypeScript不抱怨下面的表达式呢？
const invalidItem: Item
浏览 3提问于2019-10-26得票数 0
对于如何在TypeScript接口中为Firestore文档定义数组值，同时也利用了FieldValue.arrayUnion()，我有些犹豫。依赖关系: TypeScript 3.7.2和@google/Firesto2.6.0。
即。该接口包括一个“成员”键，它是一个字符串数组：
import * as firestore from "@google-cloud/firestore";
interface SomeDoc {
members: string[] | firestore.FieldValue;
}
const foo: SomeDoc = {
me
浏览 5提问于2019-11-10得票数 0
回答已采纳
我有一些代码可以工作，但在我的IDE中不断地抛出TypeScript错误。我浓缩了代码，以说明我的问题是什么。
在Next.JS应用程序中，我有一个类型(TestModel)，一个用于在该模型(generateTestFilter)上构建大量查询的方法，以及处理每个筛选条件(handleNameFilter)逻辑的进一步方法。当试图访问handleNameFilter中的handleNameFilter运算符时，TypeScript出于某种原因不喜欢这样做，而如果我试图在方法generateTestFilter中访问它，这里就没有问题了。知道为什么会这样吗？
import { Filter }
浏览 7提问于2022-10-16得票数 3
回答已采纳
我有一个名为endpoints的对象，它有各种方法：
const endpoints = {
async getProfilePhoto(photoFile: File) {
return await updateProfilePhotoTask.perform(photoFile);
},
};
我用这个函数来访问方法。它接受一个字符串参数，用于构建模板文本，然后使用括号符号访问该方法：
export const useApiTask = (
endpointName: string,
) => {
//const apiActionName = 'ge
浏览 6提问于2022-02-25得票数 1
回答已采纳
在typescript中，有没有一种方法可以让接口依赖于接口中某些东西的值？我想做的是，我有一个可以选择关闭的框，也可以选择是否存储该操作以使其持久化，所以我有一个像这样的界面： interface ButtonProps = { closable: boolean, closableKey?: string } 如果closable为false，我不希望人们能够设置closableKey，反之亦然。使用TypeScript可以做到这一点吗？
浏览 27提问于2021-07-21得票数 1
1回答
学习角2，我第一次看到了ngModel，现在看到了FormGroup/FormBuilder，这将更好地制作复杂的表单。但是我注意到，对于FormBuilder，我们失去了TypeScript给出的所有静态类型的功率。
所有可观测值和主对象都被键入为任意类型。有什么可以避免的吗？
在这方面，我看到TypeScript 2.1有“映射类型”，在我看来，在一个可观察的接口中转换一个标准接口，而不会失去属性类型，这将是件好事，但我看到没有人从角度上谈论这个问题。
浏览 3提问于2016-12-20得票数 3
我正试图找到一种在Dictionary 1.8中实现TypeScript的简单方法。在网络上有几个实现建议，但最吸引人的是：
var MyDictionary: { [id: number]: string };
不幸的是，我并不真正理解这段代码的含义。MyDictionary是{ [id: number]: string }型的，但这到底是什么意思？反过来，[id: number]: string是什么意思？这也是一种类型吗？我猜id是关键，但它的值似乎是无名的。
例如，我如何遍历字典并提取键/值对？我在代码中非常广泛地使用underscore.js，因此建议使用这个库进行迭代和操作。
浏览 14提问于2016-05-20得票数 0
回答已采纳
我正在为表示XML元素的对象创建一个接口。我的第一次访问界面是这样的：
interface Mutation {
[attribute: string]: string;
children: Mutation[];
}
但是在编译它时，TypeScript犯了错误，告诉我类型Mutation[]与类型string冲突。因此，我想将“子”属性排除在[attribute: string]: string之外。
interface Mutation {
[attribute: Exclude<string, "children">]: string;
ch
浏览 1提问于2020-03-09得票数 0
1回答
在TypeScript中是否有一种方法可以使用和一个泛型类型声明下面的接口，其中map方法将接受相同类型的值作为T的键而不是any。
interface Foo<T> {
key: keyof T;
map: (value: any) => any;
}
同样，接口只需要接受一种泛型类型。以下是一个可能的解决方案，但没有解决这个问题，因为采用了两种泛型：
interface Foo<T, K extends keyof T> {
key: K;
map: (value: T[K]) => any;
}
浏览 0提问于2019-08-28得票数 0
回答已采纳
1回答
在Dart中，是否有可能像在TypeScript中一样有两种类型的列表？例如，像这样的东西会编译：
List<int|String> foo = [
1,2,3,4,'baz'
];
虽然这样做不会：
List<int|String> foo = [
1,2,false,4,'baz',[],3.0
];
浏览 2提问于2021-06-07得票数 0
回答已采纳
在TypeScript中，我可以做以下两件事：
type ToolboxSpaceType = 'screw'|'hammer'|'screwdriver'; // 1
ProxyProperties = ['screw', 'hammer', 'screwdriver']; // 2
class Toolbox {
[key: ToolboxSpaceType]: ToolboxSpace;
}
let proxyHandler = {
get(target: Toolbox, p
浏览 0提问于2017-09-20得票数 3
1回答
interface FruitMap {
apple: string;
orange: number;
}
interface FruitValue<T extends keyof FruitMap > {
type: T;
value: FruitMap[T];
}
const processFruitValue = (fruitValue: FruitValue<keyof FruitMap>) => {
if (example.type === 'apple') {
// example.value shoul
浏览 3提问于2020-11-19得票数 0
用另一种方式表达
如何在windowState中键入TypeScript DOM属性？
解决了(在TypeScript 2中)
declare var windowState: WindowState
const enum WindowState {
STATE_MAXIMIZED = 1,
STATE_MINIMIZED = 2,
STATE_NORMAL = 3,
STATE_FULLSCREEN = 4
}
...
var windowState = 5 // Type Error, as expected!
原始问题
如何在declare中使用type来描述代数数据类型
浏览 6提问于2015-11-25得票数 14
回答已采纳
1回答
我希望TypeScript在对这样的联合进行映射时执行耗尽性：
type Union =
{ type: 'A', a: string } |
{ type: 'B', b: number }
Union事件处理程序：
const handle = (u: Union): string =>
theMap[u.type](u);
如果我们能从TypeScript那里得到详尽的检查，那就太好了：
const theMap: { [a: string]: (u: Union) => string } = {
A: ({a}: { typ
浏览 1提问于2017-10-09得票数 3
回答已采纳
2回答
我有多个接口，它们都有一个名为id的属性，每个接口都有一个唯一的静态字符串。
例如：
interface Cat{
id: 'cat',
furColor: string,
likeMice: boolean,
}
interface Dog {
id: 'dog',
watchDogSkillLevel: number
}
然后我有另一个接口，它的属性需要是上面接口的id之一。我知道我可以使用string，但如果可能的话，我想使用TypeScript类型检查。
interface Toy {
forAnimal: string, //
浏览 12提问于2020-02-26得票数 0
我有一个由嵌套数组和对象组成的任意结构，ValidationError对象作为叶子。要键入这个类型，我需要一个递归类型，如所示。
虽然赋值(const x = ...)似乎通过了类型检查，但是访问结构(x.errors.a)会产生一个TypeScript错误，我无法理解：
错误: TS2339:属性'a‘在'ValidationResultElement’类型上不存在。
属性'a‘在'ValidationResultObject’类型上不存在。
export interface ValidationResult {
errors: Validati
浏览 0提问于2018-12-04得票数 1
1回答
我试图在TypeScript中构造一个类型，它表示使用其他类型的有限集，比如确切的5个值？(而且它不是枚举)。
例如：
Boolean = {TRUE,FALSE}
浏览 1提问于2017-04-10得票数 0
回答已采纳
我正在遵循微软的Typescript手册，在上，我在摆弄代码，以便更好地理解它。我最终得到了这段代码，我不知道为什么它不返回错误：
interface NumberDictionary {
[index: number]: number;
length: number;
name: number;
}
// 'x' is not a number, 's' is not a number
let foo: NumberDictionary = { x: 's', length: 2, name: 3 };
但是，当我删除接口中的第一
浏览 0提问于2016-06-02得票数 3
typescript中是否有接受自定义类型的选项，例如： type myCustomType = {
type1: string
type2: number
} 并在变量中使用它吗？说 const theTypeIWantToPrint = getTypeAsString(myCustomType.type2)
console.log(theTypeIWantToPrint) // prints "number" 或者干脆直接做console.log(getTypeAsString(myCustomType.type2))
浏览 323提问于2021-08-10得票数 0
是否有方法从TypeScript接口中的属性中检测重复值？例：
interface Props {
foo: string;
bar: string;
}
let x : Props = {
foo: 'hello world',
bar: 'hello world'
}
// show TypeScript warning for foo and bar having the same value
浏览 2提问于2020-08-07得票数 0
回答已采纳
代码如下： class MyClass {
getValue() {
// some code here...
}
}
const IS_ENABLED = process.env.IS_ENABLED || false;
const myClass = IS_ENABLED ? new MyClass() : null;
function getValue() {
if (!IS_ENABLED) return false;
return myClass.getValue();
} 现在，TypeScript给出了错误(对于myClass.getValue()
浏览 17提问于2019-06-18得票数 1
回答已采纳
我在学习TypeScript。
我在学习的时候有个问题
const arr = [['192.168.0.1', 1234], ['192.168.0.2', 5678], ...];
如何在像上面这样的二维数组中包含不同的类型？
最好使用“任何”，但我不建议在正式文档中使用。
浏览 0提问于2019-08-27得票数 2
回答已采纳
当我做这样的if语句时，类型记录知道它不是"a"，就是"b"
if (str === "a" || str === "b") {
// typescript knows it is either "a" or "b"
}
但这太冗长了，如果有很多选择，情况可能会更糟。
有没有一种更短的方法来做这件事，打字本可以推断出和上面一样的事情？，我在想这样的事情
if (["a", "b"].includes(str)) {
// too bad typescr
浏览 5提问于2021-02-18得票数 0
回答已采纳
2回答
我正在检查一些测试覆盖的TypeScript (使用Jest)，它检查一些强制属性的返回。然而，其中一些测试正在检查如果没有设置一些强制属性应该发生什么，我不知道如何以类型化的方式最好地解决这个问题。
下面是其中一个函数的示例：
const getPrice = (product: Product): number => product.price || 0;
产品的接口是：
interface Product {
name: string;
price: number;
}
而测试：
describe('getPrice', () => {
it(&
浏览 0提问于2021-03-22得票数 0
回答已采纳
我正在用TypeScript对API请求格式进行建模：
interface ApiTerm {
term: {
name: string,
value: string,
}
}
interface ApiAnd {
and: {
lhs: ApiItem,
rhs: ApiItem,
}
}
interface ApiOr {
or: {
lhs: ApiItem,
rhs: ApiItem,
}
}
type ApiItem =
| A
浏览 0提问于2018-06-14得票数 8
回答已采纳
interface A {
name?: string
age: number
}
var a: A = {
name: '',
age: 23
}
var result:A = (Object.keys(a) as Array<keyof A>).reduce((prev, key) => {
if (a[key] || a[key] === 0) {
prev[key] = a[key] // this reported a error about `Type 'undefined' is not assig
浏览 4提问于2019-12-04得票数 5
回答已采纳
我正在尝试让一些条件打字工作，但不确定我所想的是否可能做到。它是这样的： type AParams = {
hello: string
}
type BParams = {
world: string
}
type Data = {
name: "a" | "b",
data: AParams | BParams
} 根据name是a还是b，我希望强制data分别具有AParams或BParams类型。有没有什么办法可以用TypeScript来实现呢？
浏览 13提问于2020-04-29得票数 2
回答已采纳
在React中，我可以将变量限制为值的子集，例如
PropTypes.oneOf(['Home', 'About']),
我如何在TypeScript中做到这一点？
PS:我不使用TypeScript和React。
浏览 1提问于2018-05-09得票数 29
回答已采纳
1回答
我需要使用Typescript将这个数组传递给我的函数：
const message = [ 'c', 'a', 'k', 'e', ' ',
'p', 'o', 'u', 'n', 'd', ' ',
's', 't', 'e', 'a', 'l' ];
由于TypeScr
浏览 2提问于2019-10-24得票数 0
编辑:更改标题以正确反映问题。
我试图在接口中选择特定属性的确切类型定义，但该属性是映射类型[key: string]:。我尝试使用T[keyof T]访问它，因为它是该类型中唯一的属性，但它返回never类型。
有什么方法可以像Pick<Interface, [key: string]>或Interface[[key: string]]那样提取类型吗？
我要访问的接口是type { AWS } from '@serverless/typescript';。
export interface AWS {
configValidationMode?: "
浏览 6提问于2022-02-26得票数 4
回答已采纳
我正在学习类型记录(并作出反应)，我试图检查一个对象是否为null，以便跳过进一步的处理。下面我有一个最小的例子。
如果inputCat为null，我想立即返回以跳过进一步的处理，如何在TypeScript中做到这一点？
declare class Cat {
color: string;
// lots of more properties here
}
const processCat = (inputCat: Cat): Cat => {
if(!inputCat) {
return {}; // throws
浏览 2提问于2022-04-21得票数 2
回答已采纳
我正在尝试将类型应用到ReactJS道具，如下面的接口所实现的那样。如您所见，tags类型是联合类型。
export interface TagInterface {
id: number;
name: string;
}
export interface PostInterface {
tags: TagInterface[] | string[];
}
我已经能够在函数内部的组件中成功地使用这种类型，如下所示
onClick={() => handleClick(post.tags[0] as string)}
现在，当我试图在另一个组件上实现此类型时，TypeScr
浏览 3提问于2022-01-27得票数 1
回答已采纳
考虑在typescript中定义变量类型： userData: {id: number, name: string}; 有没有办法也允许任何类型的其他密钥，这样它们就不会被验证？类似于： userData: {id: number, name: string, ...any}; 或者使用现代类型转换运算符？ 感谢您的建议。
浏览 7提问于2020-07-17得票数 2
回答已采纳
我当时正在阅读的TypeScript手册，在我看来，交叉类型和联合类型的描述是相互替换的：
交类型
一个交叉类型将多个类型合并成一个..。
这就是我所期望的工会类型：
联合类型
如果有一个具有联合类型的值，则只能访问联合中所有类型的公共成员。
对于所有成员来说都是公共的，听起来就像一个交叉口。
这看上去对吗？
浏览 1提问于2018-02-05得票数 1
在typescript中开发云函数时，firebase有一些非常好的类型，这一点我真的很喜欢。我希望能够使用自动完成与我的数据库中的实体，如用户，等等。我如何才能正确地创建类？
我觉得应该是这样的
type User = {
activeUntil: admin.firestore.Timestamp
createdAt: admin.firestore.Timestamp
sex: 'men' | 'woman'
name: string
}
export default async function onCreate (snap : Fir
浏览 10提问于2019-07-30得票数 3
回答已采纳
嘿，我刚开始使用Typescript，在实现Event Target时遇到了一些问题。
在Javascript中使用的event.target.matches对应的typescript是什么？
示例代码：
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown menu if the user clicks outside of it
window.onclick = function(
浏览 0提问于2018-04-06得票数 4
回答已采纳
为什么TypeScript不缩小数组的类型？
function test(input: (string | number)[]): string[] {
// The type of .map(...) reports that it returns string[].
input = input.map(x => x.toString())
// Type error: Type '(string | number)[]' is not assignable to type 'string[]'.
return input
}
解决方法并
浏览 3提问于2021-08-25得票数 2
回答已采纳
假设您有一些可以是数字或字符串数组的东西，并且希望在这个数组上进行映射。使用TypeScript，类型检查器都会接受以下表示这种情况的方法。
[1, 2].map(e => console.log(e));
let arr: string[] | number[] = [1, 2];
arr.map(e => console.log(e));
但是，如果我们在同一类型中添加显式静态类型强制转换来描述arr，编译器将按我们的方式抛出一个错误：
(arr as string[] | number[]).map(e => console.log(e));
// Cannot in
浏览 0提问于2018-03-19得票数 2
回答已采纳
1回答
我正在使用TypeScript，而且我是新使用它的，所以我有一个关于声明变量的问题。
当我们声明一个变量时，我们使用let name: type = value。好的，我总是赋值变量的类型:如果我想要声明为string的字符串，布尔和数字也是如此。我看到了any类型，它生成任意类型的变量。
问题是:如果我将变量声明为数字，是否需要使用let myNumber: number = 23;？有必要说类型是数字吗？
如果我不这样做，并且执行一个typeOf(myNumber)，它返回数字，但是对于TypeScript是number或是any
当将值赋值给变量或它不重要时，最佳实践是始终设置类型吗？
浏览 4提问于2016-12-22得票数 5
回答已采纳
1回答
我已经开始在我的React应用程序中使用TypeScript，但是我发现我在重复自己，特别是使用我的mapDispatchToProps函数。有更好的方法来声明类型吗？
我有一种感觉，我可能能够访问异步函数上使用的this接口state中的函数类型，但是，我对TS还不太了解，在任何地方都找不到具体的答案。
index.tsx
import { globalDispatchKeyData } from '../actions.tsx'
import { doSomething } from './services'
class Index extends Com
浏览 0提问于2019-06-04得票数 2
回答已采纳
在某些情况下，我设置了const的类型，而TypeScript忽略了它。特别是，有时我添加| undefined和TypeScript忽略了一个事实，即值可能是未定义的。我是不是遗漏了什么？
我正在从Array或NodeList中获取一个元素。我把它保存在let或const中。默认情况下，TypeScript假定数组访问永远不会失败。我知道这种特定的数组访问很可能会失败。我试图标记表达式的类型，所以以后尝试使用它时，不要忘记检查undefined。下面是一个例子：
const myArray = ["a", "b", "see", "d&
浏览 13提问于2022-07-19得票数 2
回答已采纳
在下面的代码中，我希望TypeScript能够意识到，在注释所在的行上，user对象不能具有role expect for admin的任何其他值。 事实就是如此！如果您将这段代码粘贴到TypeScript Playground中，您会注意到，此时将鼠标悬停在role上确实只显示admin！ 但是，在return DemoForAdmin行仍然显示一个错误。将鼠标悬停在user上，显示该类型的弹出窗口显示了role字段的完整并集。 function Demo(user: { name: string; role: 'user' | 'admin'; } | n
浏览 18提问于2019-04-25得票数 1
回答已采纳
我无法回答为什么泛型函数中的switch不在分支中强制转换我的类型。
我的代码是：
interface Id { id: number; }
enum Kind { square = "square", circle = "circle" }
interface Circle { kind: Kind.circle; radius: number; }
interface Square { kind: Kind.square; size: number; }
type Data = Circle | Square;
type ShapeModel<TDat
浏览 44提问于2020-02-21得票数 2
2回答
假设下面的代码 typedef struct A {
...
} A;
typedef struct B {
...
} B;
// If it was TypeScript I would say `type uknown = A | B;`
uknown getAorB(int k) {
if (k > 0) return (A){...};
return (B){...};
} 根据参数k，函数getAorB应该返回A或B。好的，但是返回类型是什么，有可能在C中实现吗？
浏览 18提问于2021-10-31得票数 1
回答已采纳
我有一个对象，其中一个属性的类型依赖于另一个属性的类型。例如： // The item types
enum ItemType { APPLE, SANDWICH }
// Map of a given item type to it's options
type ItemTypeToOptionsMap = {
[ItemType.APPLE]: { ripeness: string }
[ItemType.SANDWICH: { filling: string }
}
// The item type in question
type Item<T extend
浏览 18提问于2020-06-26得票数 2
回答已采纳
我有一个接受参数type的函数whichYogaDoYouPractice。type的值可以是hatha、kriya、bhakti、jnana中的任何一个。目前，我的函数编写如下： function whichYogaDoYouPractice(type:'hatha'|'kriya'|'bhakti'|'jnana'){
...
} 我有更多这样的函数，我想在上面提到的值中使用参数type。我不想在每次声明一个函数时都提到所有4个type，我想创建一个接口，让我的函数看起来像下面的函数： function whichYoga
浏览 12提问于2021-09-26得票数 0
回答已采纳
1回答
我是打字和学习概念的新手。在玩游戏的时候，我被困在了一个场景中。有一个名为functonA的函数，它基本上返回一个对象，其中函数的输入具有来自API的响应。 type Combination = ResponseType1 | ResponseType2;
interface ResponseType1 {
firstAttr: string,
thirdAttr: string
}
interface ResponseType2 {
secondAttr: string,
thirdAttr: string
}
function someCondition() {
浏览 15提问于2021-11-03得票数 1
回答已采纳
为什么当变量被重新分配到新对象时，类型推断不适用于对象属性？
示例(TypeScript v3.4.5)：
// compiles
let myVar: string | number;
myVar = '5';
console.log(myVar.length);
// compiles
let myObj1: {myProp: string | number} = {myProp: 5};
myObj1.myProp = '5';
console.log(myObj1.myProp.length);
// does not compile, emitti
浏览 2提问于2019-10-06得票数 4
回答已采纳
我有一个带有判别器字段的联合类型，在本例中是disc。这些联合类型是对象文本的联合，除了区分器字段之外，它们可以具有任意字段，例如：
type Union =
| { disc: "a"; someField: string }
| { disc: "b"; some: boolean; field: number }
| { disc: "c"; foo: number }
| { disc: "d" };
我如何能够基于disc (判别器)字段“删除”一些联合选项的泛型类型？这与TypeScript是可能的吗？
浏览 2提问于2022-11-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
