千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 20個實用的TypeScript單行代碼匯總

20個實用的TypeScript單行代碼匯總

來源:千鋒教育
發布人:qyf
時間: 2023-01-17 16:37:00 1673944620

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 -

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
久久亚洲中文字幕精品一区四,亚洲日本另类欧美一区二区,久久久久久久这里只有免费费精品,高清国产激情视频在线观看
亚洲日韩欧美在线综合 | 亚噜噜狠久久香蕉人妖 | 在线精品亚洲一区二区 | 午夜天堂亚洲精品在线 | 玖玖在线播放玖玖九九 | 亚洲AV最新高清每天更新 |