没有索引器?那就自己做吧!

我将其全局定义为定义对象签名的一种简单方法。如果需要，T可以是任何:

type Indexer<T> = { [ key: string ]: T };

我只是将indexer添加为类成员。

indexer = this as unknown as Indexer<Fruit>;

所以我的结论是:

constructor(private breakpointResponsiveService: FeatureBoxBreakpointResponsiveService) {

}

apple: Fruit<string>;
pear: Fruit<string>;

// just a reference to 'this' at runtime
indexer = this as unknown as Indexer<Fruit>;

something() {

    this.indexer['apple'] = ...    // typed as Fruit

这样做的好处是您可以得到正确的类型—许多使用<any>的解决方案将为您丢失输入。记住，这不会执行任何运行时验证。如果您不确定某个东西是否存在，您仍然需要检查它是否存在。

如果你想过于谨慎，并且你正在使用strict，你可以这样做来揭示所有你可能需要进行显式未定义检查的地方:

type OptionalIndexed<T> = { [ key: string ]: T | undefined };

我通常不认为这是必要的，因为如果我有来自某处的字符串属性，我通常知道它是有效的。

我发现，如果我有很多代码需要访问索引器，并且可以在一个地方更改类型，那么这个方法特别有用。

注意:我使用的是严格模式，未知是绝对必要的。

编译后的代码将是indexer = this，这与typescript为你创建_this = this非常相似。

导致

你只能在索引时使用类型，这意味着你不能使用const来进行变量引用:

例子

type Person = { age: number; name: string; alive: boolean };

const key = "age";
type Age = Person[key];

结果

Type 'any' cannot be used as an index type.

解决方案

使用类型来引用道具

例子

type key = "age";
type Age = Person[key];

结果

type Age = number

下面的tsconfig设置将允许您忽略这些错误—将其设置为true。

suppressImplicitAnyIndexErrors Suppress noimplicit任何索引对象缺乏索引签名的错误。

不需要使用ObjectIndexer<T>，也不需要更改原始对象的接口(就像大多数其他答案中建议的那样)。 你可以简单地缩小key的选项，使用下面的字符串类型:

type KeysMatching<T, V> = { [K in keyof T]: T[K] extends V ? K : never }[keyof T];

这个伟大的解决方案来自于这里一个相关问题的答案。

就像你缩小到T里面包含V值的键。所以在你的例子中，to to limit to string你会这样做:

type KeysMatching<ISomeObject, string>;

在你的例子中:

interface ISomeObject {
    firstKey:   string;
    secondKey:  string;
    thirdKey:   string;
}

let someObject: ISomeObject = {
    firstKey:   'firstValue',
    secondKey:  'secondValue',
    thirdKey:   'thirdValue'
};

let key: KeysMatching<SomeObject, string> = 'secondKey';

// secondValue narrowed to string    
let secondValue = someObject[key];

这样做的好处是您的ISomeObject现在甚至可以保存混合类型，并且无论如何都可以将键缩小为字符串值，其他值类型的键将被视为无效。说明:

interface ISomeObject {
    firstKey:   string;
    secondKey:  string;
    thirdKey:   string;
    fourthKey:  boolean;
}

let someObject: ISomeObject = {
    firstKey:   'firstValue',
    secondKey:  'secondValue',
    thirdKey:   'thirdValue'
    fourthKey:   true
};


// Type '"fourthKey"' is not assignable to type 'KeysMatching<ISomeObject, string>'.(2322)
let otherKey: KeysMatching<SomeOtherObject, string> = 'fourthKey';

let fourthValue = someOtherObject[otherKey];

你可以在这个操场上找到这个例子。

像这样声明对象。

export interface Thread {
    id:number;
    messageIds: number[];
    participants: {
        [key:number]: number
    };
}

使用typeof键

const cat = {
    name: 'tuntun'
}

const key: string = 'name' 

cat[key as keyof typeof cat]