Coalescence d'arguments | Techniques JavaScript

Introduction

Dans ce laboratoire, nous allons explorer le concept de coalescence d'arguments en JavaScript. La coalescence d'arguments est une technique utilisée pour renvoyer le premier argument défini et non nul d'une liste d'arguments. À travers des exemples pratiques, nous allons apprendre à implémenter cette technique à l'aide de méthodes natives de JavaScript telles que Array.prototype.find() et Array.prototype.includes().

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28137{{"La coalescence d'arguments en JavaScript"}} javascript/data_types -.-> lab-28137{{"La coalescence d'arguments en JavaScript"}} javascript/arith_ops -.-> lab-28137{{"La coalescence d'arguments en JavaScript"}} javascript/comp_ops -.-> lab-28137{{"La coalescence d'arguments en JavaScript"}} javascript/spread_rest -.-> lab-28137{{"La coalescence d'arguments en JavaScript"}} end

Utilisation de la coalescence d'arguments

Pour commencer à coder, ouvrez le Terminal/SSH et tapez node. La coalescence d'arguments est une technique utilisée pour renvoyer le premier argument défini et non nul dans une liste d'arguments. Pour y arriver, utilisez Array.prototype.find() et Array.prototype.includes() pour trouver la première valeur qui n'est pas égale à undefined ou null.

Voici un exemple d'utilisation de la coalescence d'arguments en JavaScript :

const coalesce = (...args) => args.find((v) => ![undefined, null].includes(v));

Dans le extrait de code ci-dessus, coalesce est une fonction qui prend un nombre quelconque d'arguments et renvoie le premier argument défini et non nul. Voici un exemple d'utilisation de la fonction coalesce :

coalesce(null, undefined, "", NaN, "Waldo"); // ''

Dans cet exemple, coalesce est appelée avec une liste d'arguments qui inclut null, undefined, une chaîne de caractères vide '', NaN et la chaîne de caractères 'Waldo'. La fonction renvoie une chaîne de caractères vide '' car c'est le premier argument défini et non nul de la liste.

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur la coalescence d'arguments. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.