我有一些香草javascript代码,接受字符串输入,将字符串分割成字符,然后将这些字符匹配到对象上的键。

DNATranscriber = {
    "G":"C",
    "C": "G",
    "T": "A",
    "A": "U"
}
function toRna(sequence){
    const sequenceArray = [...sequence];
    const transcriptionArray = sequenceArray.map(character =>{
        return this.DNATranscriber[character];
    });

    return transcriptionArray.join("");
}

console.log(toRna("ACGTGGTCTTAA")); //Returns UGCACCAGAAUU

这与预期的一样。现在我想把它转换成typescript。

class Transcriptor {
    DNATranscriber = {
       G:"C",
       C: "G",
       T: "A",
       A: "U"
    }
    toRna(sequence: string) {
        const sequenceArray = [...sequence];
        const transcriptionArray = sequenceArray.map(character =>{
            return this.DNATranscriber[character];
        });
    }
}

export default Transcriptor

但是我得到了如下错误。

元素隐式具有“any”类型,因为类型“string”的表达式>不能用于索引类型“{"A":字符串;}”。 在类型>'{" a ":字符串上没有找到具有类型为'string'的参数的索引签名;}’.ts (7053)

我认为问题是我需要我的对象键是一个字符串。但是将它们转换为字符串并不管用。

DNATranscriber = {
       "G":"C",
       "C": "G",
       "T": "A",
       "A": "U"
    }

我对此很困惑。它表示在我的对象上不存在具有字符串类型的索引签名。但我确信它确实如此。我做错了什么?

编辑-我通过给DNATranscriber对象一个any类型来解决这个问题。

DNATranscriber: any = {
    "G":"C",
    "C":"G",
    "T":"A",
    "A":"U"
}

当前回答

我摆弄了一段时间。这是我的设想:

我有两个类型,metrics1和metrics2,每个类型都有不同的属性:

type metrics1 = {
    a: number;
    b: number;
    c: number;
}

type metrics2 = {
    d: number;
    e: number;
    f: number;
}

在我的代码中,我创建了一个对象,它是这两种类型的交集,因为这个对象将拥有它们的所有属性:

const myMetrics: metrics1 & metrics2 = {
    a: 10,
    b: 20,
    c: 30,
    d: 40,
    e: 50,
    f: 60
};

现在,我需要动态引用该对象的属性。这就是我们遇到索引签名错误的地方。部分问题可以根据编译时检查和运行时检查进行分解。如果我使用const引用对象,我将不会看到这个错误,因为TypeScript可以在编译时检查该属性是否存在:

const myKey = 'a';
console.log(myMetrics[myKey]); // No issues, TypeScript has validated it exists

然而,如果我使用的是动态变量(例如let),那么TypeScript将无法在编译时检查该属性是否存在,并将在运行时需要额外的帮助。这就是下面的typeguard的用武之地:

function isValidMetric(prop: string, obj: metrics1 & metrics2): prop is keyof (metrics1 & metrics2) {
    return prop in obj;
}

它的意思是:“如果obj有prop属性,那么让TypeScript知道prop存在于metrics1和metrics2的交集中。”注意:确保将metrics1和metrics2括在如上所示的keyof后面的括号中,否则你将得到metrics1的键和metrics2的类型之间的交集(而不是它的键)。

现在,我可以使用typeguard并在运行时安全地访问我的对象:

let myKey:string = '';
myKey = 'a';
if (isValidMetric(myKey, myMetrics)) {
    console.log(myMetrics[myKey]);
}

其他回答

在你的参数中,你必须定义keyOf对象。

interface User {
    name: string
    age: number 
}

const user: User = {
    name: "someone",
    age: 20
}

function getValue(key: keyof User) {
    return user[key]
}

此外,你还可以这样做:

(this.DNATranscriber as any)[character];

编辑。

强烈建议使用正确的类型而不是任意类型强制转换对象。将对象强制转换为any只能帮助你在编译typescript时避免类型错误,但它不能帮助你保持代码的类型安全。

E.g.

interface DNA {
    G: "C",
    C: "G",
    T: "A",
    A: "U"
}

然后像这样转换:

(this.DNATranscriber as DNA)[character];

我知道这是一个老问题,但TS提供了一种更简单的方法来输入你的问题,而不是被问到…… 从TS3.4开始,现在最简单的方法是使用" As const" 在我看来,键入任何对象都不是正确的解决方案

DNATranscriber = {
    "G":"C",
    "C": "G",
    "T": "A",
    "A": "U"
} as const;

意味着ts现在知道这些键和值不会改变,因此可以通过infer进行评估。这意味着TS已经知道DNATranscriber[“G”]将是“C”,并且还可以对输出代码进行检查,这更有帮助。

以前……就像Marias的回答

type Keys = "G" | "C" | "T" | "A";
type values "C" | "G" | "A" | "U";
DNATranscriber: {[K in Keys]: values} = {
    "G":"C",
    "C": "G",
    "T": "A",
    "A": "U"
};

不理想,因为它没有表示映射的静态性质。

这就是我解决相关问题的方法

interface Map {
  [key: string]: string | undefined
}

const HUMAN_MAP: Map = {
  draft: "Draft",
}

export const human = (str: string) => HUMAN_MAP[str] || str

我在对象中使用{[x:string]:string}。

const myObj:{[x:string]:string} = {
  'a': 'b'
};

function myFn() {
  const getVal = myObj['a'];
};