TypeScript 字典|极客教程

TypeScript 字典

在 TypeScript 中，字典是一种将键值对存储在一起的数据结构。字典可以用来存储任意类型的数据，并且能够通过键快速访问对应的值。本文将详细介绍 TypeScript 中字典的使用方法和示例。

创建字典

在 TypeScript 中，可以使用对象字面量来创建一个简单的字典。例如，下面的代码创建了一个字典，其中包含名称和年龄两个键值对：

const person = {
    name: 'Alice',
    age: 30
};

这里 person 是一个字典，它包含了两个键值对：name 和 age。在这个示例中，键是字符串类型，值是数字类型。键值对之间使用冒号来分隔，不同键值对之间使用逗号隔开。

访问字典中的值

可以使用字典的键来访问对应的值。例如，要访问 person 字典中的 name 值：

console.log(person.name); // 输出 'Alice'

这段代码输出了 Alice，因为 person 字典的 name 键对应的值是 Alice。

修改字典中的值

可以通过给字典的键赋新的值来修改字典中的值。例如，要将 person 字典中的 age 修改为 31：

person.age = 31;
console.log(person.age); // 输出 31

这段代码将 person 字典的 age 值修改为 31，并输出了新的值。

检查字典中是否存在某个键

可以使用 in 关键字来检查字典中是否存在某个键。例如，检查 person 字典中是否存在 name 键：

if ('name' in person) {
    console.log('Name exists');
} else {
    console.log('Name does not exist');
}

这段代码将输出 Name exists，因为 person 字典中存在 name 键。

遍历字典中的键值对

可以使用 for...in 循环来遍历字典中的所有键值对。例如，遍历 person 字典中的所有键值对：

for (const key in person) {
    console.log(` ${key}:$ {person[key]}`);
}

这段代码将输出：

name: Alice
age: 31

使用泛型创建字典

在 TypeScript 中，可以使用泛型来创建通用的字典类型。例如，下面的代码定义了一个泛型 Dictionary 接口，用来表示键值对的字典：

interface Dictionary<T> {
    [key: string]: T;
}

这里的 Dictionary 接口接受一个泛型参数 T，用来表示值的类型。然后使用字符串作为键值对中的键，值的类型则由泛型参数决定。

使用泛型字典

通过定义泛型字典，可以创建任意类型的字典。例如，定义一个 string 类型的字典：

const stringDict: Dictionary<string> = {
    hello: 'world',
    foo: 'bar'
};

这里的 stringDict 是一个泛型字典，它接受 string 类型的值。键是字符串类型，值也是字符串类型。

泛型字典的操作

对于泛型字典，可以进行与普通字典相同的操作。例如，访问键值对、修改值、检查键是否存在、遍历字典等操作。

示例代码

下面给出一个完整的示例代码，演示如何创建泛型字典，并对其进行操作：

interface Dictionary<T> {
    [key: string]: T;
}

const stringDict: Dictionary<string> = {
    hello: 'world',
    foo: 'bar'
};

console.log(stringDict.hello); // 输出 'world'

stringDict.foo = 'baz';
console.log(stringDict.foo); // 输出 'baz'

if ('foo' in stringDict) {
    console.log('Foo exists');
} else {
    console.log('Foo does not exist');
}

for (const key in stringDict) {
    console.log(` ${key}:$ {stringDict[key]}`);
}

在这个示例中，首先定义了一个泛型 Dictionary 接口，然后创建了一个存储字符串类型值的字典 stringDict。通过对字典进行操作，可以看到每个操作的结果。