TypeScript映射类型键/值
TypeScript中的映射类型是一种高级类型，它允许我们根据现有类型创建新类型。映射类型可以用于将一个类型的每个属性转换为另一个类型的属性，或者从一个类型中选取一部分属性创建新类型。
映射类型的语法使用索引签名和映射类型操作符key in type。其中，key代表现有类型的属性名，type代表要转换为的新类型。
映射类型的键/值可以分为以下几种类型：
- 只读映射类型（Readonly）：将现有类型的所有属性设置为只读属性，防止对属性进行修改。可以使用
Readonly<type>来创建只读映射类型。例如，Readonly<{ name: string, age: number }>将创建一个只读的类型{ readonly name: string, readonly age: number }。 - 可选属性映射类型（Partial）：将现有类型的所有属性设置为可选属性，允许属性值为
undefined或缺失。可以使用Partial<type>来创建可选属性映射类型。例如，Partial<{ name: string, age: number }>将创建一个类型{ name?: string, age?: number }。 - 忽略属性映射类型（Omit）：从现有类型中排除指定的属性，创建一个新类型。可以使用
Omit<type, keys>来创建忽略属性映射类型，其中keys是要排除的属性名。例如，Omit<{ name: string, age: number }, 'age'>将创建一个类型{ name: string }。 - 选取属性映射类型（Pick）：从现有类型中选取指定的属性，创建一个新类型。可以使用
Pick<type, keys>来创建选取属性映射类型，其中keys是要选取的属性名。例如，Pick<{ name: string, age: number }, 'name'>将创建一个类型{ name: string }。 - 映射属性类型（Record）：将现有类型的属性转换为指定类型的属性。可以使用
Record<keys, type>来创建映射属性类型，其中keys是属性名的联合类型，type是要转换为的属性类型。例如，Record<'a' | 'b', number>将创建一个类型{ a: number, b: number }。
TypeScript映射类型的优势在于可以根据现有类型快速创建新类型，提高代码的可重用性和可维护性。它们在许多场景下都非常有用，例如对现有类型进行批量操作、创建可复用的类型转换工具等。
在腾讯云的产品中，与TypeScript映射类型相关的产品和服务可能包括：
- 云函数（Serverless Cloud Function）：腾讯云云函数是一种无服务器计算服务，可以根据事件触发执行代码逻辑。它可以与TypeScript映射类型结合使用，实现灵活的函数计算能力。了解更多信息，请访问：云函数产品介绍
- 云数据库MongoDB版（TencentDB for MongoDB）：腾讯云云数据库MongoDB版是一种高性能、可扩展的NoSQL数据库服务，支持TypeScript映射类型的存储和查询操作。了解更多信息，请访问：云数据库MongoDB版产品介绍
请注意，以上仅为示例，实际使用时应根据具体需求选择适合的产品和服务。
相关·内容
我为排序选项构建了一个通用类型。现在我有两种选择，这两种选择似乎都是正确的。
// Option 1
export type SortSearchBy<DtoType> = Record<keyof Partial<Omit<DtoType, 'orderByFields'>>, SortBy>
// Option 2
export type SortSearchBy2<DtoType> = {
[x in keyof Partial<Omit<DtoType, 'orderByF
浏览 6提问于2021-12-09得票数 1
回答已采纳
给定一个对象，我想创建第二个类型的对象，该对象具有第一个键的子集和不同的值类型。我尝试过Partial<keyof ...>，但似乎没有任何效果。有没有其他方法可以输入第二个对象(下面例子中的mapping)。
示例：()
const obj = {
a: '1',
b: '2',
c: 3,
d: 4,
e: false,
f: 'Hmmm',
};
// Below gives error:
// Type '{ a: number; b: number; }' i
浏览 0提问于2021-09-16得票数 1
映射的类型
常见的任务是采用现有类型，并使其每个属性都是可选的：
interface PersonPartial {
name?: string;
age?: number;
}
或者我们可能需要一个只读版本：
interface PersonReadonly {
readonly name: string;
readonly age: number;
}
这在Javascript中经常发生，以至于TypeScript提供了一种基于旧类型映射类型创建新类型的方法。在映射类型中，新类型以相同的方式转换旧类型中的每个属性。例如，可以将类型的所有属性设为只读或可选。
浏览 1提问于2018-02-09得票数 4
回答已采纳
在Typescript中，我如何编写一个函数，在这个函数中，我可以传入要删除的任何对象和字符串属性，并返回一个具有除应删除的属性之外的所有原始属性的新对象？
这是我的尝试，但我看到的每一个建议对我都不起作用。
type ObjectKeys<T> =
T extends object ? (keyof T)[] :
T extends number ? [] :
T extends Array<any> | string ? string[] :
never;
interface ObjectConstructor {
keys<T>
浏览 0提问于2020-12-15得票数 0
经过一些类型记录的研究和询问之后，我为多个属性提出了以下共享对象类型声明。
问题1:对于具有共享类型的多个道具，是否有更简单的方法？
问题2:如何解决最后两个示例？
type StringProps = 'name' | 'surname' | 'color'
type NumberProps = 'age' | 'height'
//Simple type
type Simple = { [key in StringProps]: string };
const obj1: Simple =
浏览 4提问于2020-01-02得票数 5
回答已采纳
目前，我有以下types
type PossibleKeys = number | string | symbol;
type ValueOf<T extends object> = T[keyof T];
type ReplaceKeys<T extends Record<PossibleKeys, any>, U extends Partial<Record<keyof T, PossibleKeys>>> =
Omit<T, keyof U> & { [P in ValueOf<U>]:
浏览 0提问于2020-05-27得票数 1
回答已采纳
我正在尝试创建一个类型保护程序，用于将偏置部分缩小到非部分部分。由于某些原因，当它是泛型时，我无法编译它，但是没有泛型类型，它可以工作。
假设有以下设置：
type Foo = {
a: number
b?: string
c: string
}
let partialFoo: Partial<Foo> = {}
const doSomething = (foo: Foo) => {}
同时，在其他地方，我想用参数doSomething(..)调用函数partialFoo，同时知道partialFoo可以分配给Foo，我想让编译器相信我。通常，它会抱怨Argu
浏览 2提问于2022-04-04得票数 1
回答已采纳
我想输入一个名为keyBy的简单函数。 此函数的作用是根据提供的“密钥字符串”将array of objects转换为object： const arr = [{ name: 'Jason', age: 18 }, { name: 'Amy', age: 25 }];
console.log(keyBy(arr, 'name'));
// => { 'Jason': { name: 'Jason', age: 18 }, 'Amy': { name: 'Amy', age
浏览 14提问于2019-03-12得票数 2
回答已采纳
假设我有一个DTO (数据传输对象)表示模型。此DTO包括模型ID、创建日期和最后更新日期。
我想在此基础上定义另一种类型，其中我只想在定义了模型DTO的所有属性时，但是使ID是可选的，这样新的DTO可以作为一个通用的DTO来创建新的实例和更新现有的实例( CreateUpdateSomeModelDTO类型)？
或者，我希望从这种新类型中删除创建日期和最后更新日期，如果这些日期应该由服务器或数据库设置，而不是由客户端设置。
如何根据这个初始的DTO类型在TypeScript中定义这个新类型：
type Product = {
id: string;
name: string;
浏览 12提问于2022-10-31得票数 0
1回答
function getModelDetails<T>(model: Partial<Record<keyof T, unknown>>): Record<keyof typeof model, unknown> {
return (model as unknown) as Record<keyof typeof model, unknown>;
}
interface Person {
firstName: string;
lastName: string;
age: number;
}
// person is
浏览 4提问于2021-03-15得票数 0
3回答
我试图从一个较大的对象中生成两个对象，以查看该属性是否列在给定的泛型类型中。
意思是如果我给出这样的东西：
{
name: "John",
enabled: false,
lastName: "Doe",
age: 33
}
它的类型是：
type User = {
name: string;
lastName: string;
age: number
}
功能的结果将是格式(非类型，InType)
[
{
enabled: false
},
{
name: "Joh
浏览 4提问于2022-07-06得票数 1
给定一个typescript接口： interface alpha {
name?: string;
age?: string;
sign?: string;
} 我想创建另一个接口，该接口被限制为具有来自另一个接口的有限属性集 interface beta {
age?: string;
} 这个是可能的吗？ 如果有人拥有： interface beta {
foo?: string;
} 我希望它是无效的。
浏览 13提问于2019-01-24得票数 0
回答已采纳
我只想将几个接口组合成一个接口：Member
interface Person {
name?: {
firstName?: string;
lastName?: string;
};
age: number;
birthdate?: Date;
}
interface User {
username: string;
email: string;
}
interface Player {
room: number;
group?: number;
}
我的问题是：如何通过组合上面的接口来创建一个新的接口：Member，所以我最终得到了以
浏览 0提问于2019-12-02得票数 5
回答已采纳
很抱歉标题冗长且令人困惑，但我不确定如何准确地描述必要的内容，以便于更短的标题。 基本上，我想要做的是创建一个类型，比如func<T>(filterProps:T): SomeReturnType，其中SomeReturnType是一个新类型，它创建为T的子类型，但只包含提供的filterProps参数中存在的字段。 例如 interface User {
name: String
age: Number
jobTitle: String
}
const user = find<User>({ name: true, age: true }) {
浏览 3提问于2021-01-03得票数 0
我使用CreateSlice创建了还原器/操作，如下所示：
import { createSlice, PayloadAction } from '@reduxjs/toolkit';
import { Modal } from 'antd';
export interface ModalState {
modalProps: React.ComponentProps<typeof Modal>;
visible: boolean;
modalContent: string;
}
export interface ModalInfos
浏览 8提问于2020-12-23得票数 0
我有一个实用程序函数集合来验证变量的类型。例如，string()、non_empty_string()、array()、non_null_object()等等。它们都是谓词函数，并返回一个boolean值(但不遵循is<TypeName>()命名约定！)所有实用程序函数都属于Utility类型的对象。
interface Utility {
string: (v: unknown) => v is string;
number: ...;
natural_number: ...;
array: ...;
non_empty_array: ...;
..
浏览 3提问于2022-01-21得票数 0
回答已采纳
我正在尝试编写一些实用函数，用于克隆对象，但更改深层属性。 这是一个有点无用的版本的例子，它只是将对象的命名属性替换为其他可能是不同类型的值。代码可以工作-它将命名属性替换为新值-但由于某种原因，TypeScript无法确定创建的对象的类型，并给出了编译错误。为什么TypeScript不喜欢这样，我怎么才能让它工作？ 我可以显式地定义返回类型--但是对于这个函数的版本来说，这变得很笨拙，因为它改变了几层深的属性。 it('change type of input object', () => {
const cloneWith = <T extends Rec
浏览 17提问于2021-04-23得票数 1
回答已采纳
我想输入一个名为pick的函数，我知道typescript有内置的Pick<T, K>，现在我想实现实际的源代码使用部分，但我卡住了。 此函数的作用是根据给定的字符串对提供的object的属性进行pick，并返回new object。 用法如下： const data = { name: 'Jason', age: 18, isMember: true };
const pickedData = pick(data, ['name', 'isMember']);
console.log(pickedData)
// => {
浏览 25提问于2019-03-13得票数 2
回答已采纳
1回答
来自TypeScript文档：
// Removes 'optional' attributes from a type's properties
type Concrete<Type> = {
[Property in keyof Type]-?: Type[Property];
};
type MaybeUser = {
id: string;
name?: string;
age?: number;
};
我知道我可以将?修饰符添加到all属性中，如果我想要根据属性添加基于extends表达式的属性怎么办？
行为会是这样的：
// N
浏览 3提问于2021-05-16得票数 2
回答已采纳
我试图找到一个整洁的函数，它只选择类型中感兴趣的属性(不仅在类型上，而且在运行时屏蔽其他属性)。
目前，我最好的解决办法是：
export function picker<T extends {}, K extends keyof T>(
keys: K[],
): (m: T) => Pick<T, K> {
return (m: T) => {
const result: Partial<Pick<T, K>> = {};
for (const key of keys) {
浏览 7提问于2020-12-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
