超实用的一行 TypeScript 工具函数,写代码必备!
前言
在日常开发中,我们经常会遇到一些「小需求」:比如要打乱数组、随机生成字符串、延迟一会儿执行代码…… 这些需求看似简单,却总是要「现写一遍」,久而久之就很浪费时间
下面整理了一份 一行就能搞定的 TypeScript 工具函数合集,简单高效、开箱即用 不仅能提升写代码的幸福感,还能帮助积累一份属于自己的utils.ts工具库
数组相关
数组操作几乎是写业务最常见的场景
下面几个一行工具,可以少写很多循环
使用场景:接口返回了重复数据,展示前去个重,当然主要用于非引用数据类型的去重
使用场景:抽奖列表、题库随机出题
使用场景:比如获取聊天记录的最后一条消息
使用场景:二维数组快速拍平,省去多层for循环
字符串相关
字符串处理的场景就更多了,尤其是做表单、展示数据时
使用场景:人名、标题首字母大写,提升展示效果
使用场景:小工具开发,比如生成对称文本
使用场景:生成临时 ID、测试数据
使用场景:表单校验必备,避免 undefined/null 报错
数字与随机
数字的处理场景主要是随机、校验、格式化
使用场景:抽奖编号、随机验证码,可生成范围确认的随机整数
使用场景:接口返回了未知类型时,先判断一下再处理
使用场景:展示金额、统计数据时自动加上逗号分隔
类型判断
类型判断也是一个比较大的使用场景
在开发过程中,为了提高程序健壮性,往往需要判断函数传参的类型,对一些可能的错误进行提示等
使用场景:一些简单的、非引用数据类型判断场景,基本是对typeof的一个封装,丰富代码可读性
在对一些引用类型,如普通对象、集合等,单纯的typeof就无法明确判断类型了
使用场景:判断Js内置对象的明确类型
时间与异步
涉及到定时、延迟、日期展示时,这几个工具很实用
使用场景:接口请求加点延迟,模拟真实环境;轮询场景常用
使用场景:展示日期数据时,快速转成年月日格式,固定格式,适用于单一需求
使用场景:日历控件、日期校验
对象与工具
对象操作往往比较繁琐,用一行函数可以极大简化代码
使用场景:复制表单数据,避免修改原对象
使用场景:只取出要传给接口的关键字段
使用场景:比如对象里有密码字段,传接口时要去掉
总结
这些一行 TypeScript 工具函数,就像是写代码的「小挂件」,虽然看起来很简单,但在实际项目中能反复用到
需要把这些代码保存成一个utils.ts文件,随时import使用