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.

Alfred
Alfredhttps://www.alfreddagenais.com
Salut ! Moi, c'est Alfred, développeur dans l’âme et explorateur de l'infini Web. Je suis constamment à la recherche de nouvelles idées et je pense que le développement web et l'informatique ont le pouvoir de transformer le monde. Je suis un grand admirateur de l'expérimentation, parce que c'est souvent de là que naissent les idées les plus créatives. Je suis convaincu que l'humour est un ingrédient clé de la vie, alors j'essaie toujours de glisser une blague ou deux dans mon code (pas toujours facile à comprendre, mais c'est le risque à prendre). En dehors de la programmation, j'aime passer du temps avec ma famille et mes amis, découvrir de nouveaux endroits et cuisiner des plats délicieux (du moins, j'essaie). Si vous voulez discuter de développement web, d'innovation, ou tout simplement échanger des blagues, n'hésitez pas à me contacter. Je suis toujours partant pour une bonne conversation !

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