开发者社区> 游客ruqdfvh2iuyqc> 正文

ts 手动实现 ts 中的map

简介: ts 手动实现 ts 中的map
+关注继续查看

ts 手动实现 ts 中的map


实现的功能如下:


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


效果如下:


20210117095036490.png


代码如下:


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);


结果


2021011709520594.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ts是什么
VSCode提示 例如:定义者指定了一个方法: export function foo(name: string): number { return name.length }
31 0
ts重点学习11-ts介绍
ts重点学习11-ts介绍
25 0
一文读懂TS的(.d.ts)文件
一文读懂TS的(.d.ts)文件
2569 0
为什么我们需要 TS ?
文中不少观点的想法系个人见解,有一定的个人局限性,欢迎交流
479 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Semantic Search--Fast Results from Large,Foreign Language Corpora
立即下载
Multi-label Graaph Analysis an
立即下载
低代码开发师(初级)实战教程
立即下载