TypeScript中,如何利用数组生成一个联合类型

本文由 ChatMoney团队出品

在开发中我们常常会遇到这样一个问题,代码如下:

const arr = [
  "a",
  "b",
  "c",
  "d",
  "e",
  "f",
  "g",
  "h",
  "i",
  "j",
  "k",
  "l",
  "m",
  "n",
  "o",
  "p",
  "q",
  "r",
  "s",
  "t",
  "u",
  "v",
  "w",
  "x",
  "y",
  "z",
];

const func = (str) => {
    // ...
}

我们想要传入一个参数到str,而且这个参数必须是arr数组中的某一个元素,这时我们希望的是可以直接得到这个arr的联合类型,接下来一般我们会使用传统的方法去声明类型,如下:

type Strs = "a" | "b" | "c" | "d" | "e" | "f" | "g" | "h" | "i" | "j" | "k" | "l" | "m" | "n" | "o" | "p" | "q" | "r" | "s" | "t" | "u" | "v" | "w" | "x" | "y" | "z";

const func = (str: Strs) => {
    // ...
}

先不说这样的写法很笨,写的时候就已经很ex了,我们希望的是Strs可以根据上面arr的值来自动生成一个联合类型,这时我们可以有一个技巧来解决这个问题,就是先将str转换为元组:

const arr = [
  "a",
  "b",
  "c",
  // ...
] as const;

没转换前arr的类型为string[]

TypeScript中,如何利用数组生成一个联合类型

转换成元组后:

TypeScript中,如何利用数组生成一个联合类型

然后我们就可以使用typeof来生成一个联合类型:

TypeScript中,如何利用数组生成一个联合类型

最后我们给入参定义这个类型:

TypeScript中,如何利用数组生成一个联合类型

最后大功告成😎。

关于我们

本文由ChatMoney团队出品,ChatMoney专注于AI应用落地与变现,我们提供全套、持续更新的AI源码系统与可执行的变现方案,致力于帮助更多人利用AI来变现,欢迎进入ChatMoney获取更多AI变现方案!

ChatMoney的头像ChatMoney
Previous 2024年 7月 2日 下午2:47
Next 2024年 7月 3日 上午11:00

相关推荐

  • 提升AI绘画生成质量:探索与突破

    本文由 ChatMoney团队出品 随着人工智能技术的蓬勃发展,AI绘画生成技术已成为艺术领域的一颗璀璨新星。然而,尽管AI绘画技术在模仿人类绘画风格、创作独特艺术作品等方面取得了显著进展,但其生成的图像质量仍有待提升。本文旨在深入探讨如何提升AI绘画生成质量,以期为相关领域的研究和实践提供有益的参考。 一、现状与挑战 AI绘画生成技术利用计算机程序和算法,…

    2024年 7月 3日
    152
  • TypeScript中never类型的妙用

       本文由 ChatMoney团队出品 妙用一   当我们在一个项目中,可能会去改动一个在整个项目中应用很广泛的函数的参数类型,但是可能由于代码量比较庞大,我们不好排查改了之后哪些地方会出现问题,此时我们可以使用never类型来辅助我们的函数,当我们在原有的类型基础上添加了新的类型时,可能会导致else分支中的代码逻辑出现问题,此时我们…

    2024年 6月 12日
    237
  • php数据结构之链表

    本文由 ChatMoney团队出品 链表的基本概念 链表(Linked List)是一种常见的数据结构,它由一系列节点组成,每个节点除了存储数据外,还包含指向下一个节点的指针。与数组相比,链表在插入和删除操作上具有更高的效率,因为它们不需要移动大量的元素。 链表的种类 单链表:每个节点仅包含一个指向下一个节点的指针。 双链表:每个节点包含两个指针,一个指向下…

    2024年 6月 27日
    294
  • 面向对象设计基本原则

    本文由 ChatMoney团队出品 引言 在软件开发过程中,随着系统复杂度的增加和业务变更,程序员面临诸多挑战,如耦合性、内聚性、可维护性、可扩展性和可重用性。设计模式能有效地解决这些问题。设计模式蕴含了面向对象的精髓,掌握面向对象设计和分析是掌握设计模式的基础。它能帮助我们优化代码结构,提高代码的可维护性、可扩展性和可读性。 设计模式遵循一定的原则,这些原…

    2024年 8月 5日
    234
  • 乐观锁与悲观锁在MySQL中的应用

    本文由 ChatMoney团队出品 在数据库管理系统中,锁机制是保证数据一致性和并发控制的重要手段。MySQL,作为广泛使用的数据库系统之一,提供了多种锁策略来处理并发访问时可能引发的数据不一致性问题。其中,乐观锁和悲观锁是两种截然不同但又互补的并发控制策略,它们在不同的应用场景下发挥着各自的优势。本文将深入探讨MySQL中的乐观锁与悲观锁概念、工作原理及实…

    2024年 8月 7日
    197

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信