Typescript 字典类型

最新推荐文章于 2024-06-08 09:31:47 发布

「已注销」

最新推荐文章于 2024-06-08 09:31:47 发布

阅读量2.5k

点赞数 1

分类专栏：前端小技巧

本文链接：https://blog.csdn.net/Wu_shuxuan/article/details/108336924

版权

前端小技巧专栏收录该内容

29 篇文章

订阅专栏

本文介绍了TypeScript中字典类型的使用，包括通过键值对存储元素、添加元素、删除元素、检查元素存在以及获取所有值的方法。通过示例代码展示了字典操作的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

集合、字典和散列表可以存储不重复的值。字典和集合相似，集合以[值，值]的形式存储元素，字典是以[键，值]的形式来存储元素，字典也叫做映射

set(key,value) 添加元素

  set(key: any, val: any) {
    this.items[key] = val;
  }

delete(key) 通过键删除元素

  delete(key: any): boolean {
    if (this.has(key)) {
      delete this.items[key];
    }
    return false;
  }

has(key) 根据键判断某个元素是否存在于字典

  has(key: any): boolean {
    return this.items.hasOwnProperty(key);
  }

values() 将所有元素以数组形式返回

values(): any[] {
    let values: any[] = [];
    for (let k in this.items) {
      if (this.has(k)) {
        values.push(this.items[k]);
      }
    }
    return values;
  }

完整代码

export default class Dictionary {
  items: object;
  constructor() {
    this.items = {};
  }
  has(key: any): boolean {
    return this.items.hasOwnProperty(key);
  }
  set(key: any, val: any) {
    this.items[key] = val;
  }
  delete(key: any): boolean {
    if (this.has(key)) {
      delete this.items[key];
    }
    return false;
  }
  get(key: any): any {
    return this.has(key) ? this.items[key] : undefined;
  }
  values(): any[] {
    let values: any[] = [];
    for (let k in this.items) {
      if (this.has(k)) {
        values.push(this.items[k]);
      }
    }
    return values;
  }
}

测试代码

let dic = new Dictionary();
dic.set("angular", "javascrip");
dic.set("spring", "java");
dic.set("flask", "python");

console.log(dic.values());