10 astuces rapides pour TypeScript

-

Aujourd’hui je voulais faire très simple comme article. Dans le cadre de certains de mes projets TypeScript, j’ai dû mettre en place certaines fonctions. Parfois, une simple écriture sur une ligne pourrait suffire. Parfois, par contre, cela ne fonctionne pas au niveau Code Review, car cela manque un peu de lisibilité pour certaines personnes. N’empêche que c’est tout de même plaisant à faire pour réduire au maximum le nombre de lignes affiché dans son projet.

Dans cet article, je veux vous montrer 10 phrases utiles en TypeScript. Les one-liners peuvent être un moyen utile de minimiser votre code.

Délais

Attente d’une durée spécifique en millisecondes.

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

await wait(1000); // waiting 1 second

Est un jour de semaine

Vérifie si une date est un jour de semaine.

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

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

Inverser

Inverser une chaîne de caractères.

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

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

Nombre pair

Vérifie si un nombre est pair.

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

isEven(2); // -> true
isEven(3); // -> false

Majuscule

Mettre en majuscule la première lettre d’une chaîne de caractères.

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

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

Validation de tableau

Vérifie si un tableau est vide.

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

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

Ici on peut utiliser plusieurs types pour valider le tableau. J’utilise le type unknown, qui est mieux que any dans ce cas.
Vous pouvez consulter l’annonce de TypeScript 3.0 pour des exemples de vérification du type d’une variable de type unknown et une explication plus détaillée.

Tableau d’object vide

Vérifie si un objet/array est vide.

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

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

Entier aléatoire

Génération d’un nombre entier aléatoire à partir de deux arguments.

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

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

Booléen aléatoire

Génération d’un booléen aléatoire.

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

randomBoolean(); // -> true

Toggle de Booléen

Fait basculer un booléen. Transformer un faux en vrai et un vrai en faux.

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

toggleBoolean(true); // -> false

Conslusion

Merci d’avoir lu mon petit article sur les phrases courtes en TypeScript. J’espère que cela vous aura donné quelques petites idées pour mettre de l’avant des syntaxes simplifiées de codes pour Typescript.

Alfredhttps://www.alfreddagenais.com
Je suis un développeur Web Full Stack sénior. Chaque jour est pour moi une journée de plus pour découvrir de nouvelles idées. Le développement web et l'informatique sont omniprésents dans mon quotidien. Pour que la créativité soit à son maximum, il ne faut pas avoir peur d’expérimenter et nous avons tous que le Web est infiniment grand pour expérimenter nos idées.

Share this article

Recent posts

Popular categories

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici

Recent comments