map 是 typescript 中的內置數據結構,用于存儲鍵值對。它的優點包括:鍵的類型可以是任何類型,而不像 JavaScript 對象只能使用字符串。map 的值是一個有序的集合,并且可以迭代。提供了專用的 api 來操作鍵值對,使其更易于使用。
typescript 中的使用 Map
Map 是 TypeScript 中的一個內置數據結構,用于存儲鍵值對。它與普通的 JavaScript 對象類似,但具有以下優勢:
- 鍵的類型可以是任何類型(包括對象),而不像 JavaScript 對象那樣只能使用字符串。
- Map 的值是一個有序的集合,并且可以迭代。
- Map 提供了專用的 API 來操作鍵值對,使其更易于使用。
使用 Map
要使用 Map,首先需要創建一個 Map 實例:
const myMap = new Map<string, number>();
登錄后復制
要將鍵值對添加到 Map 中,可以使用 set 方法:
myMap.set('name', 'John'); myMap.set('age', 30);
登錄后復制
要獲取 Map 中的值,可以使用 get 方法:
const name = myMap.get('name'); // 'John' const age = myMap.get('age'); // 30
登錄后復制
要檢查 Map 是否包含某個鍵,可以使用 has 方法:
console.log(myMap.has('name')); // true console.log(myMap.has('job')); // false
登錄后復制
要刪除 Map 中的鍵值對,可以使用 delete 方法:
myMap.delete('age'); console.log(myMap.has('age')); // false
登錄后復制
要遍歷 Map,可以使用 foreach 方法:
myMap.forEach((value, key) => { console.log(`${key}: ${value}`); });
登錄后復制
輸出:
name: John
登錄后復制
示例
以下示例演示了如何使用 Map 存儲用戶信息:
const user = new Map(); user.set('name', 'John Doe'); user.set('email', 'john.doe@example.com'); user.set('phone', '555-123-4567'); console.log(user.get('name')); // 'John Doe' console.log(user.has('email')); // true user.delete('phone'); console.log(user.has('phone')); // false user.forEach((value, key) => { console.log(`${key}: ${value}`); });
登錄后復制
輸出:
John Doe true false name: John Doe email: john.doe@example.com
登錄后復制