Question

我在这里想要实现的是从数组生成的对象的智能感知/自动完成-类似于Redux的Action Creator，可以将字符串数组（string[]简化为形状为{ [string]: string }的对象。

例如：

const a = ['ONE', 'TWO', 'THREE'];

const b = a.reduce((acc, type) => ({ ...acc, [type]: type }), {});

console.log(b);
// Output: b = { ONE: 'ONE', TWO: 'TWO', THREE: 'THREE' };

我已经使用以下方法设法使TypeScript理解了很多。 TypeScript知道键是字符串，但不知道它们是什么。

interface ITypesReturnObject { [s: string]: string }

有人能找到一种方法通知TypeScript对象上的键等于数组中的字符串吗？

任何帮助将不胜感激。

Answer 1

（假设您在下面使用TS3.0或更高版本）

TypeScript支持string literal types和tuple types的概念，因此可以获取值a来具有 type {{1} }以及 value ['ONE', 'TWO', 'THREE']，如下所示：

['ONE', 'TWO', 'THREE']

（稍后会出现一种较少重复的方法）：

然后，您可以使用mapped type，将const a: ['ONE', 'TWO', 'THREE'] = ['ONE', 'TWO', 'THREE'];的预期类型表示为从键到与键完全匹配的值的映射：

可以这样使用：

type SameValueAsKeys<KS extends string[]> = { [K in KS[number]]: K };

请注意，编译器如何知道const b: SameValueAsKeys<typeof a> = a.reduce((acc, type) => ({ ...acc, [type]: type }), {} as any); b.ONE; // property type is "ONE" b.TWO; // property type is "TWO" b.THREE; // property type is "THREE"具有三个键b，"ONE"和"TWO"，并且值与这些键相同。

因此TypeScript当然支持这种类型的动态类型。不幸的是，如上所示，使用起来有点繁琐。减少烦人的一种方法是添加一些帮助程序函数，这些函数允许编译器推断正确的类型，或者至少将类型断言隐藏在开发人员无需担心它们的库中。

首先，对于"THREE" ...编译器不会推断元组类型，除了certain instances之外，它还倾向于将字符串文字扩展为a类型。让我们介绍一个名为string的辅助函数：

stringTuple()

这推断出tuple type from rest arguments。现在我们可以使用它来制作function stringTuple<T extends string[]>(...args: T) { return args; }，而无需输入多余的字符串值：

接下来，我们介绍一个函数，该函数获取字符串列表并返回一个对象，该对象的键为那些字符串，并且其值与这些字符串匹配：

const a = stringTuple("ONE", "TWO", "THREE");

在这里，我们将您的代码与function keyArrayToSameValueAsKeys<T extends string[]>(keys: T): SameValueAsKeys<T>; function keyArrayToSameValueAsKeys(keys: string[]): { [k: string]: string } { return keys.reduce((acc, type) => ({ ...acc, [type]: type }), {}); }一起使用，但是我们将其隐藏在其自己的函数中，并使用单个overload call signature表示预期的输出类型。现在，我们可以像这样获得reduce：

如果将const b = keyArrayToSameValueAsKeys(a); b.ONE; // property type is "ONE" b.TWO; // property type is "TWO" b.THREE; // property type is "THREE"和stringTuple()放在库中，则用户可以轻松使用它们：

keyArrayToSameValueAsKeys()

或者您可以像这样将它们合并在一起：

const otherObject = keyArrayToSameValueAsKeys(stringTuple("x", "y", "z"));
// const otherObject: {X: "X", Y: "Y", Z: "Z"}

然后在一个调用中获得输出，如下所示：

function keysToSameValueAsKeys<T extends string[]>(...keys: T): { [K in T[number]]: K };
function keysToSameValueAsKeys(keys: string[]): { [k: string]: string } {
  return keys.reduce((acc, type) => ({ ...acc, [type]: type }), {});
}

好的，希望对您有所帮助。祝你好运！

Answer 2

如果您事先知道数组中将包含的内容，则可以执行以下操作：

type myType = 'ONE' | 'TWO' | 'THREE';
const a: myType[] = ['ONE', 'TWO', 'THREE'];

const b: { [key in myType]: myType } = a.reduce<{ [key in myType]: myType }>((acc, type) => ({ ...acc, [type]: type }), <any>{});

// correct intellisense
b.ONE === 'ONE'

Answer 3

来这里寻找更好的答案。这是我想出的，效果很好：

    RewriteEngine On
    RewriteCond %{HTTP_HOST} ^all-service-musical.com$ [NC]
    RewriteRule (.*) http://www.all-service-musical.com/$1 [R=302,L]
    RewriteCond %{HTTP:X-Forwarded-Proto} !https
    RewriteRule ^/?(.*)  https://www.all-service-musical.com/$1 [L,R,NE]

TypeScript是否可以从动态对象推断键？

3 个答案: