ts 手动实现 ts 中的map

实现的功能如下:

按照键，删除对应的键值对 del（）
循环每一个键值对 forEach()
得到当前键值对的数量 size
判断某个键是否存在 has()
重新设置某个键对应的值，如果不存在，则添加 set()
清除键值对 clear()

效果如下：

代码如下：

export interface Cb<K, V> {/*** 键值对的 key 和 val, 无返回*/(key: K, val: V): void;
}export class dic<K, V> {// 定义两个容器，来装对应的键集合或者值集合private keys: K[] = [];private vals: V[] = [];/*** 重新设置某个键对应的值，如果不存在，则添加* @param key * @param val */set(key: K, val: V) {// 判断键集合中是否存在，存在的话直接来改const index = this.keys.indexOf(key);if (index >= 0) {// 存在直接修改this.vals[index] = val;} else {// 不存在，直接添加this.keys.push(key);this.vals.push(val);}}/*** 遍历键值对* @param callback */forEach(callback: Cb<K, V>) {this.keys.forEach((key, index) => {callback(key, this.vals[index]);})}/*** 通过指定的key 来删除val* @param key */del(key: K): Boolean {const index = this.keys.indexOf(key);if (index < 0) {// 不存在，直接抛出错误，说该键不存在throw new Error('this key is not exist');} else {// 存在，直接删除this.keys.splice(index, 1);this.vals.splice(index, 1);return true;}}/*** 判断某个键是否存在* @param key */has(key: K) {return this.keys.includes(key);}/*** 得到键的数量*/get size() {return this.keys.length;}/*** 清除所有的键值对*/clear() {this.keys = [];this.vals = [];}
}

调用如下：

const dics = new dic<string, number>();dics.set('a', 11);
dics.set('b', 22);
dics.set('a', 33);
dics.set('c', 43);dics.forEach((k, v) => {console.log(`key:${k},val:${v}`);})dics.del('c');dics.forEach((k, v) => {console.log(`key:${k},val:${v}`);})console.log(dics.has('c'));
console.log(dics.has('a'));console.log('获取键的数量：', dics.size);dics.clear();
console.log('清除后键值对的长度', dics.size);

结果

ts 手动实现 ts 中的map相关推荐

使用TS开发小程序中遇到的问题
在使用ts开发小程序的过程中,遇到了一些开发工具和关于ts的使用上的一些问题,并记录解决方法 1. ts开发过程中类型指定问题 Type 'number | undefined' is not ass ...
TS学习(八) :TS中的类
TS中类的书写以前在js中书写类是这样的,然后我们在加上TS的类型检查你会发现报错了 class User {constructor(name:string,age:number) {this.na ...
TS在vue2项目中的写法
作为对照,先回忆一下js在vue2项目中的写法 <script> export default{data(){return {}},methods:{},computed:{},filte ...
TypeScript（02）——函数，class类其他语法及ts在html页面中如何使用案例
TypeScript学习笔记(02)--函数,class类其他语法及ts在html页面中如何使用案例前言正文如何创建ts文件并使用 1.使用命令行创建ts环境 2. 让vscode创建ts文件并 ...
牛客网Java刷题知识点之Java 集合框架的构成、集合框架中的迭代器Iterator、集合框架中的集合接口Collection（List和Set）、集合框架中的Map集合...
不多说,直接上干货! 集合框架中包含了大量集合接口.这些接口的实现类和操作它们的算法. 集合容器因为内部的数据结构不同,有多种具体容器. 不断的向上抽取,就形成了集合框架. Map是一次添加一对元素. ...
ts入门笔记——ts类型声明和类型断言
最近玩csdn比较少,欢迎关注我的掘金:杨灿就是杨火山简单快速上手ts的学习路径: 一.熟悉掌握熟悉的强类型定义,初步学习编写强类型代码. 学习ts的声明变量类型,能够初步编写强类型代码: 学习ts ...
TS学习笔记 TS基本类型
基本类型类型声明类型声明是TS非常重要的一个特点通过类型声明可以指定TS中变量(参数.形参)的类型指定类型后,当为变量赋值时,TS编辑器会自动检查是否符合类型声明,符合则赋值,否则报错指定类 ...
fold函数_Java中使用Map and Fold进行函数式编程
fold函数在函数式编程中,Map和Fold是两个非常有用的运算符,它们属于每种函数式语言. 如果Map和Fold运算符是如此强大且必不可少,那么您如何解释说即使Java编程语言缺少这两个运算符,我 ...
Java中使用Map and Fold进行功能性编程
在函数式编程中,Map和Fold是两个非常有用的运算符,它们属于每种函数式语言. 如果Map和Fold运算符是如此强大且必不可少,那么您如何解释说即使Java编程语言缺少这两个运算符,我们也可以使用J ...

ts 手动实现 ts 中的map

ts 手动实现 ts 中的map

代码如下：

调用如下：

结果

ts 手动实现 ts 中的map相关推荐

最新文章

热门文章