是键,值对可在typescript?如果是,怎么做。任何人都可以提供示例链接。
当前回答
如果你想用下面的例子
例如:{ value1:“value1” }
并根据某些条件动态添加conditionalData,尝试
let dataToWrite: any = {value1: "value1"};
if(conditionalData)
dataToWrite["conditionalData"] = conditionalData
其他回答
是键值对可在Typescript?
如果你想到一个c# KeyValuePair<string, string>:不,但你可以很容易地自己定义一个:
interface KeyValuePair {
key: string;
value: string;
}
用法:
let foo: KeyValuePair = { key: "k", value: "val" };
是键值对可在Typescript?
是的。称为索引签名:
interface Foo {
[key: string]: number;
}
let foo:Foo = {};
foo['hello'] = 123;
foo = {
'leet': 1337
};
console.log(foo['leet']); // 1337
这里键是字符串,值是数字。
More
你可以使用es6 Map来处理合适的字典,由core-js填充。
你也可以考虑使用Record,像这样:
const someArray: Record<string, string>[] = [
{'first': 'one'},
{'second': 'two'}
];
或者这样写:
const someArray: {key: string, value: string}[] = [
{key: 'first', value: 'one'},
{key: 'second', value: 'two'}
];
最简单的方法是:
var indexedArray: {[key: string]: number}
用法:
var indexedArray: {[key: string]: number} = {
foo: 2118,
bar: 2118
}
indexedArray['foo'] = 2118;
indexedArray.foo= 2118;
let foo = indexedArray['myKey'];
let bar = indexedArray.myKey;
也可以简单地使用Record
type Foo = Record<string, number>
在文档中进一步使用
推荐文章
- 从元组/数组值派生联合类型
- 如何在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显示和隐藏一个元素