另一种简单的方法是使用元组:

// Declare a tuple type
let x: [string, number];
// Initialize it
x = ["hello", 10];
// Access elements
console.log("First: " + x["0"] + " Second: " + x["1"]);

输出:

第一个:你好，第二个:10

class Pair<T1, T2> {
    private key: T1;
    private value: T2;

    constructor(key: T1, value: T2) {
        this.key = key;
        this.value = value;
    }

    getKey() {
        return this.key;
    }

    getValue() {
        return this.value;
    }
}
const myPair = new Pair<string, number>('test', 123);
console.log(myPair.getKey(), myPair.getValue());

另一种简单的方法是使用元组:

// Declare a tuple type
let x: [string, number];
// Initialize it
x = ["hello", 10];
// Access elements
console.log("First: " + x["0"] + " Second: " + x["1"]);

输出:

第一个:你好，第二个:10

键值对的一个例子是:

[key:字符串]:字符串

当然，你可以把任何东西作为值

KeyValue接口存在于使用typescript的angular库中。 如果你的项目是角型的，你就有了这个通用接口。 如果你在angular中不使用TS，你也可以使用它的声明来获得一个漂亮的通用KeyValue接口。

export declare interface KeyValue<K, V> {
    key: K;
    value: V;
}

一种简洁的方法是使用元组作为键值对:

const keyVal: [string, string] =  ["key", "value"] // explicit type
const keyVal2 = ["key", "value"] as const // inferred type with const assertion
const [key, val] = ["key", "val"] // usage with array destructuring

你可以创建一个通用的KeyValuePair类型来实现重用:

type KeyValuePair<K extends PropertyKey, V = unknown> = [K, V]
const kv: KeyValuePair<string, string> = ["key", "value"]

TS 4.0

为更好的文档和工具支持提供标记的元组元素:

type KeyValuePairNamed = [key: string, value: string] // "key" and "value" labels

兼容性

[key, value]元组还可以确保与JS内置对象的兼容性:

物体(尤指物体)。条目,Object.fromEntries Map，尤其是Map.prototype.entries和新的Map()构造函数 Set，尤其是Set.prototype.entries

操场上