我有一些使用对象作为字典的 JavaScript 代码；例如，“人”对象将保存一些与电子邮件地址相关的个人详细信息。
var people = {<email> : <'some personal data'>};
adding > "people[<email>] = <data>;"
getting > "var data = people[<email>];"
deleting > "delete people[<email>];"
是否可以在 Typescript 中进行描述？还是我必须使用数组？
【问题讨论】：
标签： arrays object dictionary typescript
在较新版本的打字稿中，您可以使用：
type Customers = Record<string, Customer>
在旧版本中您可以使用：
var map: { [email: string]: Customer; } = { };
map['foo@gmail.com'] = new Customer(); // OK
map[14] = new Customer(); // Not OK, 14 is not a string
map['bar@hotmail.com'] = 'x'; // Not OK, 'x' is not a customer
如果您不想每次都输入整个类型注释，您也可以创建一个接口：
interface StringToCustomerMap {
[email: string]: Customer;
}
var map: StringToCustomerMap = { };
// Equivalent to first line of above
【讨论】：
map 包含两个成员： (var map:MapStringTo<Customer> = {};您可以为此使用Record：
https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkt
示例（AppointmentStatus 枚举和一些元数据之间的映射）：
const iconMapping: Record<AppointmentStatus, Icon> = {
[AppointmentStatus.Failed]: { Name: 'calendar times', Color: 'red' },
[AppointmentStatus.Canceled]: { Name: 'calendar times outline', Color: 'red' },
[AppointmentStatus.Confirmed]: { Name: 'calendar check outline', Color: 'green' },
[AppointmentStatus.Requested]: { Name: 'calendar alternate outline', Color: 'orange' },
[AppointmentStatus.None]: { Name: 'calendar outline', Color: 'blue' }
}
现在以接口为值：
interface Icon {
Name: string
Color: string
}
用法：
const icon: SemanticIcon = iconMapping[appointment.Status]
【讨论】：
enum 还是class/object 来表示AppointmentStatus - 或者这有关系吗？
你也可以在 typescript 中使用 Record 类型：
export interface nameInterface {
propName : Record<string, otherComplexInterface>
}
【讨论】：
Lodash 有一个简单的 Dictionary 实现并且有很好的 TypeScript 支持
安装 Lodash：
npm install lodash @types/lodash --save
导入和使用：
import { Dictionary } from "lodash";
let properties : Dictionary<string> = {
"key": "value"
}
console.log(properties["key"])
【讨论】：
除了使用 map-like 对象外，现在还有一个实际的Map object，在编译到 ES6 或使用 polyfill 时，它在 TypeScript 中可用ES6type-definitions:
let people = new Map<string, Person>();
它支持与Object 相同的功能，但语法略有不同：
// Adding an item (a key-value pair):
people.set("John", { firstName: "John", lastName: "Doe" });
// Checking for the presence of a key:
people.has("John"); // true
// Retrieving a value by a key:
people.get("John").lastName; // "Doe"
// Deleting an item by a key:
people.delete("John");
仅此一项就比使用类似地图的对象有几个优点，例如：
Object 都不支持（不，Object 不支持数字，它将它们转换为字符串）--noImplicitAny 时出错的空间更小，因为Map 始终具有key 类型和value 类型，而对象可能 没有索引签名Object
此外，Map 对象为常见任务提供了更强大和更优雅的 API，其中大多数通过简单的Objects 无法使用，除非将帮助函数组合在一起（尽管其中一些需要完整的 ES6 迭代器/可迭代用于 ES5 或以下目标的 polyfill）：
// Iterate over Map entries:
people.forEach((person, key) => ...);
// Clear the Map:
people.clear();
// Get Map size:
people.size;
// Extract keys into array (in insertion order):
let keys = Array.from(people.keys());
// Extract values into array (in insertion order):
let values = Array.from(people.values());
【讨论】：
JSON.stringify() 序列化时出错了，因此可以使用它，例如对于socket.io :(
Map 序列化相当有趣。我，一方面，在序列化之前执行到键值对对象的转换，然后返回（例如{ key: "John", value: { firstName: "John" } }的对象）。
你可以像这样使用模板化接口：
interface Map<T> {
[K: string]: T;
}
let dict: Map<number> = {};
dict["one"] = 1;
【讨论】：
let dict: Dictionary<number> = { "one": 1, "two": 2 };