开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

当我的键是某种接口类型时，Typescript map.get方法返回undefined

当键是某种接口类型时，TypeScript 的 map.get 方法返回 undefined 是因为在 TypeScript 中，对象的键必须是字符串类型或者符号类型。如果键的类型是接口类型，那么在使用 map.get 方法时，由于接口类型无法直接转换为字符串类型或符号类型，因此无法正确获取对应的值。

为了解决这个问题，可以考虑以下几种方法：

使用字符串或符号类型作为键：将接口类型转换为字符串或符号类型，然后作为键来使用。例如，可以使用接口的某个属性作为键，或者使用符号类型作为键。
使用自定义映射函数：定义一个自定义的映射函数，将接口类型映射为字符串或符号类型，然后使用映射后的值作为键进行操作。
使用其他数据结构：如果需要使用接口类型作为键，可以考虑使用其他数据结构来替代 Map。例如，可以使用 Set、WeakMap 或 WeakSet 等数据结构来存储键值对。

需要注意的是，以上方法仅适用于 TypeScript 中的情况。在 JavaScript 中，Map 对象的键可以是任意类型，包括接口类型。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

TypeScript 中的 Map 对象定义、基本操作和常见用法

表示该 Map 对象的键是字符串类型，值是数字类型。Map 对象还可以在创建时添加初始的键值对。...使用 get(key: K): V | undefined 方法从 Map 对象中获取指定键的值。...('apple')); // 输出：5console.log(map.get('orange')); // 输出：undefined上述代码显示了如何获取 Map 对象中指定键的值。...删除键值对使用 delete(key: K): boolean 方法从 Map 对象中删除指定的键值对。如果删除成功，该方法返回 true；如果指定键不存在，返回 false。...判断键是否存在使用 has(key: K): boolean 方法检查 Map 对象是否包含指定的键。如果存在该键，返回 true；否则返回 false。

7.2K4 0

TypeScript真香系列——接口篇

(): void; findAll(): void; } 如果我们有一个对象是该接口类型，那么必须包含对应的属性和方法(无可选属性情况)： const q: IQuery = { page: 1...可选属性默认情况下一个变量（对象）是对应的接口类型，那么这个变量（对象）必须实现接口中所有的属性和方法。...(): void } 上面的代码中，我们增加了isOnline属性和delete方法，这两个都是可选的：注意:可选属性如果没有赋值，那么获取到的值是undefined；对于可选方法，必须先进行判断，再调用...: string) => void; 接口的实现接口除了定义某种类型规范，也可以和其他编程语言一样，让一个类去实现某个接口，那么这个类就必须明确去拥有这个接口中的属性和实现其方法：下面的代码中会有关于修饰符的警告...在代码设计中，接口是一种规范；接口通常用于来定义某种规范, 类似于你必须遵守的协议, 站在程序角度上说接口只规定了类里必须提供的属性和方法，从而分离了规范和实现，增强了系统的可拓展性和可维护性；接口的继承

9651 0

TypeScript真香系列——接口篇

(): void; findAll(): void; } 如果我们有一个对象是该接口类型，那么必须包含对应的属性和方法(无可选属性情况)： const q: IQuery = { page:...可选属性默认情况下一个变量（对象）是对应的接口类型，那么这个变量（对象）必须实现接口中所有的属性和方法。...(): void } 上面的代码中，我们增加了isOnline属性和delete方法，这两个都是可选的：注意:可选属性如果没有赋值，那么获取到的值是undefined；对于可选方法，必须先进行判断，...: string) => void; 接口的实现接口除了定义某种类型规范，也可以和其他编程语言一样，让一个类去实现某个接口，那么这个类就必须明确去拥有这个接口中的属性和实现其方法：下面的代码中会有关于修饰符的警告...在代码设计中，接口是一种规范；接口通常用于来定义某种规范, 类似于你必须遵守的协议, 站在程序角度上说接口只规定了类里必须提供的属性和方法，从而分离了规范和实现，增强了系统的可拓展性和可维护性；接口的继承

6903 0

一文读懂 TS 中 Object, object, {} 类型之间的区别

它的键必须是对象，不能是原始值。...我们可以看到，如果我们创建一个返回其参数的函数：传入一个 Object 对象的实例，它总是会满足该函数的返回类型 —— 即要求返回值包含一个 toString() 方法。...的类型检查： const pt = {} as Point; pt.x = 3; pt.y = 4; // OK 但是更好的方法是声明变量的类型并一次性构建对象： const pt: Point =...尾随分隔符是允许的，也是可选的。好的，那么现在问题来了，对象字面量类型和接口类型之间有什么区别呢？...4.3 {} 类型 {} 类型：它描述了一个没有成员的对象。当你试图访问这样一个对象的任意属性时，TypeScript 会产生一个编译时错误。

16.3K2 1

ES6 Map介绍

工作原理Map是一种有序的键值对集合，其中每个键都是唯一的。它可以存储任何类型的值作为键或值，包括原始类型和对象引用。与普通的对象不同，Map保留了插入顺序，并且可以迭代访问其元素。...Map的工作原理是基于哈希表（Hash Table）的数据结构。当我们将键值对添加到Map中时，它会根据键的哈希值将其存储在内部的哈希表中。...这使得在Map中查找键值对的速度非常快，无论存储了多少个键值对。常见方法以下是ES6 Map常见的方法：set(key, value)：向Map中添加一个键值对，如果键已经存在，则更新对应的值。...get(key)：根据键获取对应的值，如果键不存在，则返回undefined。has(key)：检查Map中是否存在指定的键，返回一个布尔值。...delete(key)：根据键删除对应的键值对，如果删除成功，则返回true；如果键不存在，则返回false。clear()：清空Map，移除所有的键值对。size：获取Map中键值对的数量。

3613 0

JS短文 | 5分钟了解 JS Maps 对象

，我们可以通过 map.keys() 方法获取 map 对象的键，以数组的形式返回所有的键。...，在只有字符串键的对象上进行迭代将按插入顺序产生键），则 Map 对象则不同，当我们对其进行迭代时，则是按照其插入的键值顺序返回的，这个特性很重要。...如果键不存在，则返回 undefined。...(true) // "boolean" map.get('wrong-key') // undefined 4、确认键是否存在（Checking For Values）有时你需要查看 Map 对应的键是否存在...五、结束语 Maps 是一个很棒的数据类型，当我们需要频繁使用键值字典查找操作时，是一个不错的选择。今天的内容就到这里，感谢你的阅读。

2.7K0 0

JS短文 | 5分钟了解 JS Maps 对象

，我们可以通过 map.keys() 方法获取 map 对象的键，以数组的形式返回所有的键。...，在只有字符串键的对象上进行迭代将按插入顺序产生键），则 Map 对象则不同，当我们对其进行迭代时，则是按照其插入的键值顺序返回的，这个特性很重要。...如果键不存在，则返回 undefined。...(true) // "boolean" map.get('wrong-key') // undefined 4、确认键是否存在（Checking For Values）有时你需要查看 Map 对应的键是否存在...五、结束语 Maps 是一个很棒的数据类型，当我们需要频繁使用键值字典查找操作时，是一个不错的选择。今天的内容就到这里，感谢你的阅读。

1.9K2 0

ES6学习之路9----Map数据结构

Stone" 读取一个未知的键，则返回undefined。...(true,'bool'); map.get('true');//undefined Map实例的操作属性和方法 size 属性返回 Map 结构的成员总数。...set 方法设置键名key对应的键值为value，然后返回整个 Map 结构。 get 方法读取key对应的键值，如果找不到key，返回undefined。...has 方法查找某个键是否在当前 Map 对象之中，返回一个布尔值。 delete 方法删除某个键，返回一个布尔值。 clear 方法清除所有成员，没有返回值。...—-同名键值的赋值会覆盖前边的值读取一个未知的键，则返回undefined。—-获取map中不存在的键值，返回undefined 只有对同一个对象的引用，Map 结构才将其视为同一个键。

3942 0

TypeScript

TypeScript 是什么 TypeScript 是 JavaScript 的超集 ?...当我们向 window 添加一个 foo 时，会报错示我们 window 上不存在 foo 属性。...getCacheData 返回值的约束，这也同时去除掉了代码中的 any，是最优的一个解决方案。...当然，现在的编译器足够聪明，调用的时候可以不传递类型，编译器可以自己识别的传递类型时，这个类型在函数中使用时的方法/属性，必须是存在的，或者继承自某个接口。...这里我有意使用不同的变量名，以表明类型值沿链向上传播，且与变量名无关。 #泛型约束确保属性存在当我们在函数中获取length属性，在类型为number时，是没有length的，所以会报错。

1.8K1 0

ECMAScript 6之Set和Map数据结构

forEach方法，用于对每个成员执行某种操作，没有返回值。...('name') // "张三" map.has('title') // true map.get('title') // "Author" 上面代码在新建Map实例时，就指定了两个键name和title...var map = new Map(); map.set(['a'], 555); map.get(['a']) // undefined 上面代码的set和get方法，表面是针对同一个键，但实际上这是两个值...，内存地址是不一样的，因此get方法无法读取该键，返回undefined。..., "nah") // 键是undefined set方法返回的是Map本身，因此可以采用链式写法。

1K8 0

1.8W字|了不起的 TypeScript 入门教程（第二版）

当一个函数没有返回值时，你通常会见到其返回值类型是 void： // 声明函数返回值为void function warnUser(): void { console.log("This is my...例如，never 类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型。...设计泛型的关键目的是在成员之间提供有意义的约束，这些成员可以是：类的实例成员、类的方法、函数参数和函数返回值。泛型（Generics）是允许同一个函数接受不同类型参数的一种模板。...TypeScript 2.1 版本引入的，该操作符可以用于获取某种类型的所有键，其返回类型是联合类型。...void { console.log(`Person info: name: ${args[0]}, age: ${args[1]}`); } 之后，当我们使用 addPerson 方法时，TypeScript

10.1K5 1

深入理解 ES6 新增的数据结构 Map 与 WeakMap

map.size // 2 map.get('name') // "张三" map.get('age') // 22 上面代码在新建 Map 实例时，就指定了两个键 name 和 title 3、可覆盖前一个键的值...222 上面代码中，变量 k1 和 k2 的值是一样的，但是它们在 Map 结构中被视为两个键由上可知，Map 的键实际上是跟内存地址绑定的，只要内存地址不一样，就视为两个键如果Map的键是一个简单类型的值...(1) {"name" => "Winnie"} m2 // Map(1) {"name" => "Winnie"} set 方法返回的是 Map 本身，因此可以采用链式写法...undefined map.get('name') // "Winnie" map.get('age') // undefined ③ has(key) has 方法返回一个布尔值，表示某个键是否在...上面代码中，变量 wm 是一个 WeakMap 实例我们将一个 DOM 节点 div1 作为键名，然后销毁这个节点，div1 对应的键就自动消失了，再引用这个键名就返回 undefined 2、WeakMap

6212 0

猿创征文 |ES6学习笔记5-map

对象与贴图类似，但在某些情况下，有一些重要差异使得使用贴图更可取：一个Object 是类似于Map ，但在某些情况下使用Map 时也有很多的不同： 1）键可以是任何类型，包括函数、对象和任何基元。 ...如果指定的键已存在，则将用指定的值替换对应的值。 get（key）获取对应于映射中指定键的值。如果指定的键不存在，则返回undefined。...map .set(1, 'aaa') .set(1, 'bbb'); // 结果是 bbb的值如果读取一个未知的键，则返回undefined。...const map = new Map(); map.set(['a'], 555); map.get(['a']) // undefined 上面代码的set和get方法，表面是针对同一个键，...但实际上这是两个不同的数组实例，内存地址是不一样的，因此get方法无法读取该键，返回undefined。

8624 0

ES6的Map用法详解

Map 中的键值是有序的，而添加到对象中的键则不是。因此，当对它进行遍历时，Map 对象是按插入的顺序返回键值。...方法，表面是针对同一个键，但实际上这是两个不同的数组实例，内存地址是不一样的，因此get方法无法读取该键，返回undefined。...(k1) // 111 map.get(k2) // 222 上面代码中，变量k1和k2的值是一样的，但是它们在 Map 结构中被视为两个键。...返回值：返回一个 Map 对象中与指定键相关联的值，如果找不到这个键则返回 undefined。...返回 undefined 方法has() 返回一个boolean值，用来表明map 中是否存在指定元素.返回值：如果指定元素存在于Map中，则返回true。

8943 0

TS 从 0 到 1 - 基础类型

let notSure: any = 2022; notSure = "Cell"; notSure = false; any 类型本质上是类型系统的一个逃逸仓，它允许你在编译时绕过类型检查。...但是，当我们尝试将类型为 unknown 的变量赋值给其他变量时，TypeScript 会报错。...从某种程度上来说，void 类型与 any 类型是相反的，严格模式下，void 类型的变量只能赋值为 undefined。...类型在 TypeScript 中， undefined 和 null 两者有各自的类型分别为 undefined 和 null。...如，never 类型是那些总是会抛出异常或者根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型。

5421 0

你了解 Typescript 吗

什么是Typescript TypeScript是JavaScript的超集，带来了诸多新特性：可选的静态类型类型接口在ES6和ES7被主流浏览器支持之前使用它们的新特性编译为可被所有浏览器支持的...支持使用ES6和ES7的新特性在TypeScript中，你可以直接使用ES6的最新特性，在编译时它会自动编译到ES3或ES5。...function warnUser(): void { alert("This is my warning message"); } // 默认情况下null和undefined是所有类型的子类型...// 可以把null和undefined赋值给各种类型的变量 let u: undefined = undefined; let n: null = null; 接口 TypeScript的核心原则之一是对值所具有的结构进行类型检查...结束语很多时候，当我们维护不同重量级的应用，或是在不同的场景中使用应用的时候，面对的架构选择往往是不一样的。

5.6K1 0

【译】2019年开始使用Typescript

在指定不返回任何内容的函数返回值时，最常用它。...let anUndefinedVariable: undefined = undefined; let aNullVariable: null = null; 默认情况下，null和undefined类型是其他类型的子类型...基本类型推断 TypeScript可以在变量初始化期间，设置默认参数以及确定函数返回值时推断类型。...Array keyword notation let messageArray: Array = ['hello', 'my name is fred', 'bye']; 接口将多种类型的注释组合到一起的一种方法是使用接口...，在代码库保持一致情况下，通常选择接口类型或类型别名。

2.2K2 0

JavaScript 的 Map 指南

在JavaScript中，Map 是存储键/值对的对象。...obj.constructor; // [Function: Object] map.get('constructor'); // undefined 映射没有继承的任何概念：映射没有任何继承的键。...另一个关键差异是，映射允许你存储对象键，而不仅仅是字符串。但是当你把日期或数字等对象存储为键时，可能会引起一些混乱。...与Object.keys（）不同，Map#keys() 函数返回一个 iterator 而不是数组。这意味着迭代 map 键的最简单方法是使用 for/of 循环。...将迭代器转换成数组的最简单方法是使用内置的 Array.from() 函数。

1.2K3 0

编写高质量可维护的代码：Awesome TypeScript

TypeScript 是 JavaScript 的一个超集，它的设计初衷并不是为了替代 JavaScript，而是基于 JavaScript 做了一系列的增强，包括增加了静态类型、接口、类、泛型、方法重载等等...TypeScript TypeScript 是静态类型语言，通过类型注解提供编译时的静态类型检查。在代码编译阶段会进行变量的类型检测，提前暴露潜在的类型错误问题。...#name; // 访问会报错泛型应用场景：当我们需要考虑代码的可复用性时，就需要用到泛型。让组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型。...(param: string | number): void { console.log("This is the union type"); } 类型保护类型保护就是在我们已经识别到当前数据是某种数据类型的情况下...": true, // 有未使用的参数时，抛出错误 "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值时，抛出错误

2.4K1 0

2019年开始使用Typescript

在指定不返回任何内容的函数返回值时，最常用它。...let anUndefinedVariable: undefined = undefined; let aNullVariable: null = null; 默认情况下，null和undefined类型是其他类型的子类型...基本类型推断 TypeScript可以在变量初始化期间，设置默认参数以及确定函数返回值时推断类型。...Array keyword notation let messageArray: Array = ['hello', 'my name is fred', 'bye']; 接口将多种类型的注释组合到一起的一种方法是使用接口...，在代码库保持一致情况下，通常选择接口类型或类型别名。

8752 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭