- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试为 Object.fromEntries()
编写一个更好的定义,以推断结果对象的实际键和值。我有我认为可行的方法,但显然 infer U
的作用域是我的方法无法找到 U
的。
interface ObjectConstructor {
fromEntries<
K extends PropertyKey,
V,
A extends ReadonlyArray<readonly [K, V]> = ReadonlyArray<readonly [K, V]>
>(array: A): {
[key in A[number][0]]: A[number extends infer U ? U : never][0] extends key ? A[U][1] : never;
};
}
A[U][1]
中的 U
无法访问。
Cannot find name 'U'.
另一个问题是 A[number extends infer U ? U : never][0] extends key
似乎总是评估为 false
。
如何检索与key
关联的数组的索引?我猜测有一些 hacky 类型将数组包装在一个函数中,并检查该函数是否扩展了可以推断索引的东西,但我的最佳尝试没有成功。
type ArrayIdxOf<A extends readonly unknown[], K> =
(((i: keyof A) => A[typeof i]) extends ((i: number & infer U) => A[typeof i] extends K ? typeof i : never) ? (i: U) => U : never) extends
((i: number) => infer U)
? U
: never;
const a1 = ['foo', 'bar'] as const;
type A = ArrayIdxOf<typeof a1, 'foo'>; // type A = unknown
interface ObjectConstructor {
fromEntries<
K extends PropertyKey,
V,
A extends ReadonlyArray<readonly [K, V]> | Array<[K, V]>
>(array: A): {
[key in A[number][0]]: ArrayIdxOf<A, key> extends infer I ? I extends number ? A[I][1] : never : never;
};
}
const a2 = [['foo', 'foo'], ['bar', false], [1, 2]] as const;
const x = Object.fromEntries(a2);
/**
* const x: {
* foo: never;
* bar: never;
* 1: never;
* }
*/
如果可能的话,我还想消除 A
的 readonly
约束。
TS Playground虽然虽然使用 tsc
进行编译,但它不会在 Playground 中编译,所以我不知道它会有多大用处。
最佳答案
我可能会做类似的事情
declare global {
interface ObjectConstructor {
fromEntries<
A extends ReadonlyArray<readonly [PropertyKey, any]>
>(array: A): { [K in A[number][0]]: Extract<A[number], readonly [K, any]>[1] }
}
}
请注意,readonly
不是一个约束,而是一个宽松...string[]
可以分配给 readonly string[]
,但是反之则不然。通过接受readonly
数组,你接受了更多的东西,而不是更少。所以我会保留它们(这很好,因为 as const
往往会产生 readonly
的东西)。
这适用于您的示例:
const x = Object.fromEntries(b);
/* const x: {
foo: "foo";
bar: false;
1: 2;
} */
如果你想给编译器一个提示,它应该尝试将每个元组的第一个元素读取为 literal类型,您可以给它这个修改后的定义:
declare global {
interface ObjectConstructor {
fromEntries<
P extends PropertyKey,
A extends ReadonlyArray<readonly [P, any]>
>(array: A): { [K in A[number][0]]: Extract<A[number], readonly [K, any]>[1] }
}
}
这在您的 as const
版本上的工作方式相同,但如果您直接传递数组文字也将工作:
const c = Object.fromEntries([['foo', 'foo'], ['bar', false], [1, 2]]);
/* const c: {
foo: string;
bar: boolean;
1: number;
} */
您可以稍微调整推论,但基本方法是使用 Extract
实用程序类型从数组中提取适当的元组。
无论如何,希望能给你一些指导。祝你好运!
关于typescript - 推断 TypeScript 中 Object.fromEntries() 结果的形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63061180/
我遵循了一本名为“Sitepoint Full Stack Javascript with MEAN”的书中的教程,我刚刚完成了第 6 章,应该已经创建了一个带有“数据库”的“服务器”。数据库只不过是
在 Jquery 中,我创建两个数组,一个嵌入另一个数组,就像这样...... arrayOne = [{name:'a',value:1}, {name:'b',value:2}] var arra
这个问题在这里已经有了答案: What is the explanation for these bizarre JavaScript behaviours mentioned in the 'Wa
我被放在别人的代码上,有一个类用作其他组件的基础。当我尝试 ng serve --aot(或 build --prod)时,我得到以下信息。 @Component({ ...,
我正在测试一些代码,并使用数据创建了一个 json 文件。 问题是我在警报中收到“[object Object],[object Object]”。没有数据。 我做错了什么? 这是代码:
我想打印 [object Object],[object Object] 以明智地 "[[{ 'x': '1', 'y': '0' }, { 'x': '2', 'y': '1' }]]"; 在 ja
我有一个功能 View ,我正在尝试以特殊格式的方式输出。但我无法让列表功能正常工作。 我得到的唯一返回是[object Object][object Object] [object Object]
在使用优秀的 Sim.js 和 Three.js 库处理 WebGL 项目时,我偶然发现了下一个问题: 一路走来,它使用了 THREE.Ray 的下一个构造函数: var ray = new THRE
我正在使用 Material UI 进行多重选择。这是我的代码。 {listStates.map(col => (
我的代码使用ajax: $("#keyword").keyup(function() { var keyword = $("#keyword").val(); if (keyword.
我遇到了下一个错误,无法理解如何解决它。 Can't resolve all parameters for AuthenticationService: ([object Object], ?, [o
我正在尝试创建一个显示动态复选框的表单,至少应选中其中一个才能继续。我还需要获取一组选中的复选框。 这是组件的代码: import { Component, OnInit } from '@angul
我正在开发 NodeJs 应用程序,它是博客应用程序。我使用了快速验证器,我尝试在 UI 端使用快速闪存消息将帖子保存在数据库中之前使用闪存消息验证数据,我成功地将数据保存在数据库中,但在提交表单后消
我知道有些人问了同样的问题并得到了解答。我已经查看了所有这些,但仍然无法解决我的问题。我有一个 jquery snipet,它将值发送到处理程序,处理程序处理来自 JS 的值并将数据作为 JSON 数
我继承了一个非常草率的项目,我的任务是解释为什么它不好。我注意到他们在整个代码中都进行了这样的比较 (IQueryable).FirstOrDefault(x => x.Facility == fac
我只是在删除数组中的对象时偶然发现了这一点。 代码如下: friends = []; friends.push( { a: 'Nexus', b: 'Muffi
这两个代码片段有什么区别: object = nil; [object release] 对比 [object release]; object = nil; 哪个是最佳实践? 最佳答案 object
我应该为其他人将从中继承的第一个父对象传递哪个参数,哪个参数更有效 Object.create(Object.prototype) Object.create(Object) Object.creat
我在不同的对象上安排不同的选择器 [self performSelector:@selector(doSmth) withObject:objectA afterDelay:1]; [self per
NSLog(@"%p", &object); 和 NSLog(@"%p", object); 有什么区别? 两者似乎都打印出一个内存地址,但我不确定哪个是对象的实际内存地址。 最佳答案 这就是我喜欢的
我是一名优秀的程序员,十分优秀!