是键,值对可在typescript?如果是,怎么做。任何人都可以提供示例链接。
当前回答
一种简洁的方法是使用元组作为键值对:
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
操场上
其他回答
不是对提问者,而是对所有感兴趣的人: 参见:如何定义键值对的Typescript映射。其中键是一个数字,值是一个对象数组
因此,解决方案是:
let yourVar: Map<YourKeyType, YourValueType>;
// now you can use it:
yourVar = new Map<YourKeyType, YourValueType>();
yourVar[YourKeyType] = <YourValueType> yourValue;
干杯!
是键值对可在Typescript?
如果你想到一个c# KeyValuePair<string, string>:不,但你可以很容易地自己定义一个:
interface KeyValuePair {
key: string;
value: string;
}
用法:
let foo: KeyValuePair = { key: "k", value: "val" };
一种简洁的方法是使用元组作为键值对:
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
操场上
TypeScript有Map。你可以用like:
public myMap = new Map<K,V>([
[k1, v1],
[k2, v2]
]);
myMap.get(key); // returns value
myMap.set(key, value); // import a new data
myMap.has(key); // check data
键值对的一个例子是:
[key:字符串]:字符串
当然,你可以把任何东西作为值
推荐文章
- 从元组/数组值派生联合类型
- 如何在Angular2 ngSwitch语句中使用typescript enum值
- 找到合成属性@panelState。请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”。
- Angular 2+和debounce
- 在TypeScript箭头函数中指定返回类型
- 如何使用jQuery与TypeScript
- Angular 2模板中的标签是什么意思?
- Typescript接口-可能使“一个或另一个”属性要求?
- 如何扩展/继承组件?
- 错误:'types'只能在.ts文件中使用- Visual Studio Code使用@ts-check
- Typescript ReferenceError: exports没有定义
- React组件中使用TypeScript的默认属性值
- Angular 5 -复制到剪贴板
- TypeScript枚举对象数组
- Angular 2显示和隐藏一个元素