全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

20个实用的TypeScript单行代码汇总

发布时间:2023-01-17 16:37:00
发布人:qyf

20个实用的TypeScript单行代码汇总

  在今天的文章中,我将与你分享20有用的 TypeScript 单行代码,这些单行代码可以快速的帮助我们提升开发效率,希望对你有用。

  那我们现在开始吧。

  01、等待特定的时间量(以毫秒为单位)

  const wait = (ms: number): Promise=> new Promise((resolve) => setTimeout(resolve, ms));

  await wait(1000); // waiting 1 second

  02、检查日期是否为工作日

  const isWeekday = (d: Date): boolean => d.getDay() % 6 !== 0;

  isWeekday(new Date(2022, 2, 21)); // -> true

  isWeekday(new Date(2021, 2, 20)); // -> false

  03、反转字符串

  const reverse = (s: string): string => s.split('').reverse().join('');

  reverse('elon musk'); // -> 'ksum nole'

  04、检查一个数字是否为偶数

  const isEven = (n: number): boolean => n % 2 === 0;

  isEven(2); // -> true

  isEven(3); // -> false

  05、大写字符串

  const capitalize = (s: string): string => s.charAt(0).toUpperCase() + s.slice(1);

  capitalize('lorem ipsum'); // -> Lorem ipsum

  06、检查数组是否为空

  const isArrayEmpty = (arr: unknown[]): boolean => Array.isArray(arr) && !arr.length;

  isArrayEmpty([]); // -> true

  isArrayEmpty([1, 2, 3]); // -> false

  07、检查对象/数组是否为空

  const isObjectEmpty = (obj: unknown): boolean => obj && Object.keys(obj).length === 0;

  isObjectEmpty({}); // -> true

  isObjectEmpty({ foo: 'bar' }); // -> false

  08、随机生成整数

  基于两个参数生成一个随机整数。

  const randomInteger = (min: number, max: number): number => Math.floor(Math.random() * (max - min + 1)) + min;

  randomInteger(1, 10); // -> 7

  09、生成随机布尔值

  const randomBoolean = (): boolean => Math.random() >= 0.5;

  randomBoolean(); // -> true

  10、切换布尔值

  切换布尔值,变假为真,变真为假。

  const toggleBoolean = (val: boolean): boolean => (val = !val);

  toggleBoolean(true); // -> false

  11、转换

  将字符串转换为带“-”的连字字符串。

  const slugify = (str: string): string => str.toLowerCase().replace(/\s+/g, '-').replace(/[^\w-]+/g, '');

  slugify('Hello World'); // -> hello-world

  12、生成随数组组合

  随机生成一组任何类型的数组。

  const shuffleArray =(arr: T[]): T[] => arr.sort(() => Math.random() - 0.5);

  shuffleArray(<number[]>[1, 2, 3, 4, 5]); // -> [ 4, 5, 2, 1, 3 ]

  13、将连字字符串转换为骆峰字符串

  const snakeToCamel = (s: string): string => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substring(1));

  snakeToCamel('foo_bar'); // -> fooBar

  14、随机整数

  根据当前时间生成一个随机整数。

  const randomInteger = (): number => new Date().getTime();

  randomInteger(); // -> 1646617367345

  15、随机数字符串

  根据当前时间生成随机数字符串。

  const randomNumberString = (): string => new Date().getTime() + Math.random().toString(36).slice(2);

  randomNumberString(); // -> 1646617484381wml196a8iso

  16、将数字转换为字符/字母

  const numberToLetter = (value: number): string => String.fromCharCode(94 + value);

  numberToLetter(4); // -> b

  17、生成随机的十六进制颜色

  const randomHexColor = (): string => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0')}`;

  randomHexColor(); // -> #dc7c40

  18、删除字符串的尾部斜杠

  const removeTrailingSlash = (value: string): string => value && value.charAt(value.length - 1) === '/' ? value.slice(0, -1) : value;

  removeTrailingSlash('foo-bar/'); // -> foo-bar

  19、获取数组的随机项

  const randomItem =(arr: T[]): T => arr[(Math.random() * arr.length) | 0];

  randomItem(<number[]> [1, 2, 3, 4, 5]); // -> 4

  20、将大写字符串转换为小写

  const decapitalize = (str: string): string => `${str.charAt(0).toLowerCase()}${str.slice(1)}`;

  decapitalize('Hello world'); // -> hello world

  - End -

相关文章

Java常用的包(package)有哪些?

Java常用的包(package)有哪些?

2023-10-15
Java Nio中Selector是什么?

Java Nio中Selector是什么?

2023-10-15
ThreadLocal为什么会发生内存泄漏?

ThreadLocal为什么会发生内存泄漏?

2023-10-15
工业机器人、自动化、PLC三者是什么关系?

工业机器人、自动化、PLC三者是什么关系?

2023-10-15

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取