如何在Typescript中键入用于重命名对象键的函数
在Typescript中，可以使用泛型和映射类型来实现键入用于重命名对象键的函数。
首先，我们可以定义一个泛型函数，该函数接受两个参数：一个对象和一个映射类型。映射类型用于指定对象键的重命名规则。函数的返回值是一个新的对象，其中包含重命名后的键。
下面是一个示例代码：
type RenameMap<T> = {
[K in keyof T]: string;
};
function renameKeys<T>(obj: T, renameMap: RenameMap<T>): T {
const renamedObj = {} as T;
for (const key in obj) {
if (renameMap.hasOwnProperty(key)) {
const renamedKey = renameMap[key];
renamedObj[renamedKey] = obj[key];
} else {
renamedObj[key] = obj[key];
}
}
return renamedObj;
}在上面的代码中，我们定义了一个RenameMap类型，它是一个映射类型，用于指定对象键的重命名规则。然后，我们定义了renameKeys函数，它接受一个对象和一个RenameMap类型的参数，并返回一个新的对象。
使用示例：
interface Person {
name: string;
age: number;
}
const person: Person = {
name: "John",
age: 30,
};
const renameMap: RenameMap<Person> = {
name: "fullName",
};
const renamedPerson = renameKeys(person, renameMap);
console.log(renamedPerson);输出结果：
{
fullName: "John",
age: 30,
}在上面的示例中，我们定义了一个Person接口，表示一个人的信息。然后，我们创建了一个person对象，包含name和age两个键。接下来，我们定义了一个renameMap，将name键重命名为fullName。最后，我们调用renameKeys函数，将person对象和renameMap作为参数传入，得到一个新的对象renamedPerson，其中name键被重命名为fullName。
推荐的腾讯云相关产品：无
希望以上信息能对你有所帮助！
相关·内容
我想根据TypeScript中另一个对象的键创建一个类型。 我已经设法通过类型推断做到了这一点。但是如果我使用显式类型Record<string, something>，那么keyof会给我string，而不是我使用的实际键的联合。 TypeScript Playground GIF 示例代码如下： type FileType = "image" | "video" | "document";
type FileTypeList = Record<string, FileType>
const inferedFile
浏览 25提问于2020-12-12得票数 0
1回答
我对c#非常陌生。我正在做一个练习来创建一个计算器。我已经重命名了按钮(btnAdd和btnMultiply)和文本框(textBox1和textBox2)。当我想编写类的方法时，下面有下面的代码(我已经删除了未使用的librairies)。
我试图通过删除引用button_1来“重命名”这些方法，并将其替换为btn_add。但是，当我这样做时，我会收到一条错误消息。
错误消息:容器不能处理第55行中未知的“button1_Click”。方法'InitializeComponent‘中的代码是由概念器生成的，不能手动修改。取消所有修改并尝试重新打开概念器。
拜托，你能告诉我
浏览 2提问于2020-11-16得票数 0
回答已采纳
我有个东西
const person = {
first: 'John',
last: 'Doe',
id: 1,
}
我要从person对象中删除密钥。因此，在JavaScript中，它可以工作。
['first', 'last'].forEach((i) => {
delete person[i]
})
错误(来自未编译的编辑器VSCode )
Element implicitly has an 'any' type because expression of type 'stri
浏览 0提问于2020-09-22得票数 1
回答已采纳
我想互相交换两张桌子的名字。TableA <> TableB.也是为了避免读/写的任何问题。我知道我能做到这一点。
我正在使用- CREATE TABLE TableB (LIKE TableA INCLUDING ALL);创建表。然后，我也从A复制FKs到B。然后，我做了一个INSERT INTO TABLEA....来复制数据(与此无关)。完成所有这些工作后，我将使用ALTER TABLE RENAME重命名该表，以交换事务中的名称TableA <> TableB。所以TableA变成了TableA_Old，TableB变成了新的TableA (下面的例子)
但是
浏览 3提问于2021-12-01得票数 1
回答已采纳
在C#中，可以使用StringComparer创建不区分大小写的字典(用于字符串类型的键)。
Dictionary<string, int> dict = new Dictionary<string, int>(StringComparer.OrdinalIgnoreCase);
我正在TypeScript中寻找相同的功能，但在线搜索时，似乎还没有将其内置到TypeScript中。
作为一种解决办法，我目前正在代码中的任何地方使用toLowerCase()，向字典中添加值或从字典中读取值。然而，这很容易出错，我正在寻找一个更好的解决方案。
示例:在添加一个值之后
dic
浏览 3提问于2019-08-28得票数 0
回答已采纳
查找并分配具有categoryId的CategoryApi对象
export class CategoryApi {
categoryId: number;
name: string;
}
categories: CategoryApi[];
selectedCategory: CategoryApi;
selectedCategory = categories.findByIndex(2); //looking for categoryApi by categoryId = 2
我找到了这个javascript选项，但是Typescript抱怨它的功能
var inven
浏览 0提问于2016-12-07得票数 14
回答已采纳
我正在做一个TypeScript项目，我需要创建一个服务函数。所以我用这种格式创建：
interface UserService {
name: string;
age: number;
complement: string;
}
const userService = ({ name, age, complement }: UserService) => {
// CODE
};
考虑到TypeScript中的最佳实践，使用第二种格式可以吗?还是需要键入作为第一种格式传递给的对象？
第一种格式：
const user: UserService = {
name:
浏览 2提问于2022-05-18得票数 0
回答已采纳
我可以在javascript中做到这一点。 const chipColors = {
delivered: "success",
pending: "warning",
canceled: "danger"
}
<Chip
color={chipColors[row.order_status]} <-- Typescript will throw error on this line
text={row.order_status}
/> 但是Typescript给了我错误信息Element impli
浏览 31提问于2021-10-06得票数 0
TypeScript重新映射对象的方式是什么？
如何在保持类型安全的情况下实现相同的功能？
type FooBar = 'Foo' | 'Bar';
type Obj = { [key in FooBar]?: string[] }
const obj: Obj = {};
const newObj: Obj = {};
for (const key in obj) {
if (obj.hasOwnProperty(key)) {
const value = ...
目前，我看到打字错误：
元素隐式具有'any‘类型，因为
浏览 4提问于2020-03-13得票数 1
这感觉像一个非常简单的问题，但我无法理解它或找到正确的例子。
假设我想创建一个ServiceProvider类，在内部将类实例映射到字符串标识符或实例构造函数。当使用时，它看起来如下所示：
let provider = new ServiceProvider();
provider.set('date', new Date());
provider.set('other', new SomeObject());
provider.get('date'); // I want TypeScript to know this is a date ob
浏览 4提问于2017-10-03得票数 0
回答已采纳
2回答
我正在尝试使用。最好的方法来描述我的问题是通过一个例子。我有这样的服务：
export MyService {
method() {
// Some Code
}
}
我正在用一个儿童服务来扩展它：
export MyAnotherService extends MyService {
anotherMethod() {
// Some Code
}
}
然后在应用程序模块的提供者中提供如下内容：
{ provide: MyService, useClass: MyAnotherService }
然后我就像这样使用父服务：
constructor(
pri
浏览 0提问于2018-05-10得票数 0
回答已采纳
我们在TypeScript MVC项目中经常使用ASP.Net来实现客户端代码(MVVM、Ajax等)。我们一直面临的问题是，类型记录/Javascript代码与C#服务器不同步，因为R#和其他工具无法克服从C#到TypeScript的“技术差距”。
例如，当服务器返回JSON对象并将其中一个字段重命名时，需要搜索整个TS源代码并将其手工重命名，否则客户机就不再像预期的那样工作了。这还嵌入了MVVM模式，其中由Razor/C#生成的HTML标记(以及绑定)，以及由TypeScript生成的客户端视图模型。同样的问题。
解决这个问题的办法之一是TypeScript的预处理器或宏，如果我能混合C#
浏览 2提问于2014-07-24得票数 0
回答已采纳
在TypeScript中，我可以选择这样的地图：
{[key:number]string}
作为一个映射的例子，其键是数字和值字符串。但我也可以这样做：
Map<number, string>
为什么我们有两种方法来做同样的事情，它们之间有什么区别呢？
浏览 5提问于2020-06-30得票数 2
回答已采纳
在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
我有以下(几乎)可以正常工作的JavaScript代码： const config = {
a: 1,
b: 2,
default: 3
}
const getConfig = (key: string) => {
return config[key] || config.default
} 然而，在TypeScript中当然给了我一个错误，因为没有任何类型的字符串是config的有效索引。 但不幸的是，以下方法也不起作用： const getConfig = (key: string) => {
return key in config
? con
浏览 30提问于2020-03-31得票数 2
回答已采纳
我使用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
_.each(key_val, function(e){
if($.inArray(e[0], names) == -1){
var node = {};
node.name = e[0];
if(e[1]) {
node.value = e[1];
node.symbolSize = e[1] * nodeProp;
}
optio
浏览 6提问于2021-02-13得票数 0
我目前正在SvelteKit应用程序中的SvelteKit文件中使用以下内容：
export async function handle({ event, resolve }) {
console.log(event.locals) //<-- Works fine
}
我试图弄清楚如何在event和resolve参数上使用类型。据我所知，event的工作方式如下：
import type { RequestEvent } from '@sveltejs/kit'
export async function handle(event: RequestEvent, r
浏览 6提问于2022-07-03得票数 6
回答已采纳
我正试图找到一种在Dictionary 1.8中实现TypeScript的简单方法。在网络上有几个实现建议，但最吸引人的是：
var MyDictionary: { [id: number]: string };
不幸的是，我并不真正理解这段代码的含义。MyDictionary是{ [id: number]: string }型的，但这到底是什么意思？反过来，[id: number]: string是什么意思？这也是一种类型吗？我猜id是关键，但它的值似乎是无名的。
例如，我如何遍历字典并提取键/值对？我在代码中非常广泛地使用underscore.js，因此建议使用这个库进行迭代和操作。
浏览 14提问于2016-05-20得票数 0
回答已采纳
我在TypeScript (如)中经常使用“对象文字”这个术语--我们所说的“对象文字”实际上是什么意思，它仅仅是一个“对象”有什么区别？
以下是正式文档中的一些相关文档：
在JavaScript中，我们分组和传递数据的基本方法是通过对象。在TypeScript中，我们通过对象类型来表示这些类型。
除了一般类型字符串和数字之外，我们还可以引用类型位置中的特定字符串和数字。
所以我理解文字类型的概念，当我们指的是字符串或数字时，你指的是更窄、更具体的值。例如"bob"，而不是更广泛的string。
对象文字究竟是什么？
浏览 4提问于2021-08-09得票数 4
回答已采纳
我正打算在binarysearch.io上解决一些问题，却遇到了这样的问题：
我使用JS解决了它，如下所示：
class Solution {
solve(nums) {
const Hash = {};
const Cache = {};
for (let val of nums) {
if (!Hash[val]) {
Hash[val] = 0;
}
Hash[val]++; //implicit el
浏览 3提问于2020-12-02得票数 5
回答已采纳
我正在学习TypeScript，并且经常在函数参数中遇到这种索引签名的使用。比如，
export function template(resources: {[key: string]: any})
既然值类型是any，为什么这种类型有用？它与将object作为类型传递有什么不同吗？
浏览 6提问于2022-06-29得票数 0
回答已采纳
我有以下TypeScript代码：
interface ICamera {
cameraId: number;
name: string;
state: string;
}
interface IState {
[id: number]: ICamera;
loading: boolean;
error: string | null;
}
interface ICameras {
[id: number]: ICamera;
}
在我的代码中，我正在接收IState的一个对象，我要做的是将它转换为ICameras (即检索对象中的number键，忽略其他属性)
浏览 0提问于2018-06-14得票数 0
回答已采纳
3回答
人们，谁使用Visual Studio代码来开发TypeScript？我也在尝试使用它。但是我没有验证(ts-lint)警告或错误。我在build上收到了这样的消息：
ts-lint start
src/constants/type.ts[22, 2]: file should end with a newline
src/constants/type.ts[6, 5]: misplaced opening brace
ts-lint end
示例：
1 == 2
JS文件中这样的表达式会告诉我使用1 === 2会更好。但是TS文件中的这个表达式将会起作用，甚至不会显示任何警告。
如何才能在键
浏览 0提问于2015-09-11得票数 3
我希望typescript将其报告为错误：
const map: { [key: string]: string } = {};
const value = map[1]; // 1 is not a string...
为什么typescript在这里没有抱怨？
浏览 0提问于2018-07-26得票数 2
问题 我喜欢使用TypeScript的一个主要原因是检查我是否将正确键入的参数传递给了给定的函数调用。 然而，在使用Next.js时，我遇到了这样一个问题:当参数被“降级”为NextApiRequest类型时，传递给Next.js端点的参数最终会丢失它们的类型。 通常，我会执行像req.body.[param_name]这样的参数，但整个链都有any类型，所以我会丢失任何有意义的类型信息。 示例 假设我在pages/api/add.ts的一个Next.js项目中有一个API端点，它负责将两个数字相加。在这个文件中，我们还有一个类型化函数，用于将两个数字相加，API端点将调用该函数。 cons
浏览 11提问于2021-11-09得票数 3
回答已采纳
我试图迭代对象键和值，但是TypeScript对我大喊大叫：
元素隐式具有any类型，因为string类型不能用于索引{ name: string; surname: string; gender: string; }类型。
我做错了什么？
const DATA = {
name: "John",
surname: "Smith",
gender: "Male"
}
const result = Object.keys(DATA).map((d: string) => `${d} - ${DATA[d]}`)
下面是错
浏览 7提问于2020-06-18得票数 5
回答已采纳
我想在TypeScript中询问关于记录的问题，目前，当我在函数中使用记录作为参数类型时，代码中会出现错误，因为它不能接受不同的类型。
type Keys = 'name' | 'qty';
const getValueByKey = <T = any>(items: Record<Keys, T>, key: Keys) => {
return items[key];
}
getValueByKey({ name: 'fulan', qty: 1}, 'name'); // Error: Ty
浏览 4提问于2022-07-23得票数 0
回答已采纳
2回答
你好，我一直在创建一个绿色屏幕算法的代码笔，我已经把上面的链接。除了被认为是清除画布的JavaScript之外，它似乎大部分都在起作用。我想这可能是很简单的事情，但我想不出答案。我把我认为不起作用的代码放在下面。谢谢
function clear() {
var fgCanvas = document.getElementById("can1");
var bgCanvas = document.getElementById("can2");
var fgContext = fgCanvas.getContext("2d"
浏览 0提问于2019-04-16得票数 0
回答已采纳
type a = { [K in keyof { "foo" }]: { foo: "bar" } extends { K } ? true : false }["foo"];
type b = { foo: "bar" } extends { "foo" } ? true : false;
根据我的理解，a和b都应该是true类型，但是a最终变成了false。
有人能帮我解释一下原因吗？或者是TypeScript中的一个bug？
注:在TypeScript 4.4.4下测试
浏览 1提问于2021-11-30得票数 0
回答已采纳
有时，当我尝试将.jsx或.js文件重命名为.ts或.tsx时，我在typescript编译过程中遇到非常令人沮丧的错误。
TypeScript error in undefined(undefined,undefined):
Type 'never' must have a '[Symbol.iterator]()' method that returns an iterator. TS2488
我花了很长时间才弄清楚文件重命名是问题所在。我已经这样做了几次，不得不一个文件一个文件地回滚到我最近的工作提交和合并，结果却发现一切都正常，代码与损坏的代码完全相同
浏览 1提问于2021-06-07得票数 1
对象扩展广泛用于更新功能样式的旧对象，如下所示：
let o1 = { x: 5, y: 6 };
let o2 = { ...o1, y: 10 };
alert(JSON.stringify(o2));
在新的TypeScript 2.1中，我们现在已经实现了对象扩展，但与简单的对象文本不同，它允许具有未知属性：
interface Point { x: number, y: number }
let o1: Point = { x: 5, y: 6 };
//ERROR: Object literal may only specify known properties
let o2:
浏览 7提问于2016-12-15得票数 6
回答已采纳
2回答
给定任意数量的不同形状的对象，TypeScript是否可能正确地断言类型信息？
示例：
const merge = (...objects) => {
return Object.values(objects).reduce((acc, next) => ({ ...acc, ...next }));
}
我的实际用例要比这复杂得多，但类型签名应该是相似的。
以下是有效的方法，但我希望不是唯一的解决方案：
function merge<T1, T2>(...objects: [T1, T2]): T1 & T2;
function merge<T1,
浏览 0提问于2020-01-16得票数 1
当我合并具有任意数量的键的两个对象时，属性的类型在合并中被覆盖。我怎么用typescript来表达呢？
const a: {[propName: string]: string | number | boolean} = {
a: 1,
b: 2,
c: true
}
const b: {[propName: string]: string } = {
c: "2"
}
const c: {[propName: string]: string | number } = { ...a, ...b };
此示例显示了typescript错误，即使c的类型签名是
浏览 3提问于2018-11-27得票数 1
假设我有一个Basket界面，跟踪一个人的购物篮中有多少产品，其中产品名称事先是未知的。
interface Basket {
[productName: string]: number;
}
假设这个人可以从他们的购物篮中选择一个产品作为他们的favouriteProduct。如下所示：
interface User {
basket: Basket;
favoriteProduct: string;
}
但我想确保favoriteProduct是Basket中的关键。例如：
// I want this to compile
const user1: User = {
ba
浏览 11提问于2021-02-15得票数 0
回答已采纳
1回答
我正努力为我的TypeScript API获得良好的开发经验，但我面临着意想不到的问题。当重载功能如下所示：
/** Comment 1 */
function a(key: 'key1', args: { arg1: number }): string
/** Comment 2 */
function a(key: 'key2', args: { arg2: number }): string
function a(key: string, args) { }
当有人试图在IDE中调用该函数时(我尝试了VSCode和WebStorm)
a('key2
浏览 2提问于2022-04-30得票数 1
回答已采纳
我是一名c# / visual Studio开发人员。我正在将我的一些WP7应用程序移植到安卓系统上，并且我已经非常习惯于使用Eclipse了。我已经阅读了一些“差异”文档，但仍然有几个棘手的问题。。。
在VS中，我将一个按钮拖到表面上，并为onclick分配一个方法名称，它就会在我的源文件中为我生成方法大纲。我不知道如何在Eclipse中做到这一点--可以吗？
在Vs中，如果我把光标放在一个变量或方法名上，我会得到一个下拉列表，它有一个"Go to“选项和一个"find all reference”选项。这些东西真的很方便。我能在Eclipse中做到这一点吗？
浏览 4提问于2012-08-30得票数 4
回答已采纳
我正在尝试在类型记录中创建一个单例factoryLookup，它强制为一个联合类型中的每个值(即映射的查找类型)定义了一个工厂，但是我也希望能够为所查找的任何值推断签名(可能是任意参数的值或函数)。下面是一个代码示例：
// Using a simple object, I can create a map between a key and an arbitrary function or value
const factoryLookup = {
foo: (message: string, count: number): string => message + count,
浏览 1提问于2018-08-08得票数 6
回答已采纳
在TypeScript中是否可以指定对象的类型可以是任何类，而不是基元类型。
就像这样，但有了这样的限制：
myObj<any>;
谢谢你的帮忙!
浏览 5提问于2016-02-26得票数 4
回答已采纳
namespace ConsoleApplication4
{
[Serializable]
public class CostomException : Exception
{
public MyException() { }
public MyException(string message) : base(message) { }
public MyException(string message, Exception inner) : base(message, inner) { }
protect
浏览 0提问于2014-09-02得票数 1
我在TypeScript中定义了一个函数类型。但我不能实例化它。为什么TypeScript会给出编译错误？这种结构在没有类型参数的情况下工作得很好，对于泛型签名，我不使用key of作为约束。当我从replaceProperty中删除类型参数时，它会做我想做的事情--代码似乎是正确的。
type ReplaceProperty<T, K extends keyof T, V> = (
i: T,
k: K,
v: V
) => { [P in keyof T]: K extends P ? V : T[P] };
// Compile error
// Gene
浏览 4提问于2021-04-10得票数 0
回答已采纳
我有一个将数组值转换为对象中的键的函数： function x(keys: string[]) {
const obj: any = {};
keys.forEach(v => {
obj[v] = 'somevalue...';
});
return obj;
}
const result = x(['a', 'b', 'c']);
console.log(result); // {a: "somevalue...", b: "somevalue...", c:
浏览 19提问于2019-08-23得票数 4
回答已采纳
根据教程，这是我第一次尝试使用typescript设置节点。下面的代码导致了对app.listen函数的错误建议(见下图)。 import express from 'express';
const app = express();
app.listen(3000) ? 第一个参数应该是一个端口。虽然我还在输入函数名，但这反映在建议中： ? 将app类型指定为express.Application无济于事。 我已经安装了@types/express、@types/node、ts-node和typescript作为开发依赖项。在tsconfig.js中，我有
浏览 19提问于2021-10-14得票数 0
回答已采纳
2回答
我试图在TypeScript中调用以下函数：
$('.carousel').carousel();
它被用来启动旋转木马。不幸的是，$在TypeScript中无法识别并抛出错误
Cannot find name '$'
知道怎么解决这个问题吗?这样我就可以自动启动旋转木马了？
浏览 9提问于2016-02-02得票数 0
回答已采纳
你能在一些简单的TypeScript例子中解释一下什么是方差、协方差、逆方差和协方差吗？
浏览 51提问于2021-02-28得票数 5
回答已采纳
在JavaScript中，普通的旧对象可以承受各种滥用。例如，您可以写：
var obj = {};
var func = new Function() {};
obj[func] = 5; // totally fine
obj[func]; // returns 5
有了一些创造性，您可以编写一个泛型类SimpleSet<T>，该类可以使用对象作为其在JavaScript或TypeScript中的后备存储。一种简单的方法可能是编写类似这样的东西：
public add(val: T) {
this._dict[val] = val;
}
这在TypeScript中是行不通的
浏览 1提问于2017-03-13得票数 1
回答已采纳
// common.js
const boxNames = ['one', 'two'];
module.exports {
boxNames,
}
const common = require("./common.js");
const boxNames = common.boxNames;
const messages = {
'one': {
id: 'some id',
text: 'some text',
},
'two': {
浏览 2提问于2021-06-12得票数 2
回答已采纳
我希望不再有任何标准的osx文本编辑绑定在emacs中。我用的是标准的gnu emacs。只留下“老派”埃马克的命令。换句话说:没有更多的command+c用于复制，没有用于撤消的command+z等等。有什么方法可以做到这一点而不显式地重新绑定每个键组合？我试着在谷歌上搜索一种方法，但没有找到任何东西。
浏览 4提问于2014-12-12得票数 1
回答已采纳
1回答
当我编译typescript时，我得到如下错误。我使用webpack-dev-server运行它。
Module not found: Error: Can't resolve 'i18n' in ...
Module not found: Error: Can't resolve '../moment' in ...
但是，在我导入它们的代码中，如下所示
import * as i18n from "i18n";
import * as moment from 'moment';
并且没有下划线，表示静态检查器确
浏览 4提问于2020-07-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
