Attribuer des valeurs par défaut aux propriétés d'un objet

JavaScriptJavaScriptBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer une fonction JavaScript qui attribue des valeurs par défaut aux propriétés d'un objet. Cette fonction aide à rationaliser le processus d'assurance que toutes les propriétés d'un objet ont une valeur, même si elles étaient initialement indéfinies. En utilisant la méthode Object.assign() et la syntaxe de propagation, nous pouvons facilement créer un nouvel objet avec des valeurs par défaut tout en conservant l'ordre d'origine des clés.


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/destr_assign("Destructuring Assignment") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28267{{"Attribuer des valeurs par défaut aux propriétés d'un objet"}} javascript/data_types -.-> lab-28267{{"Attribuer des valeurs par défaut aux propriétés d'un objet"}} javascript/arith_ops -.-> lab-28267{{"Attribuer des valeurs par défaut aux propriétés d'un objet"}} javascript/comp_ops -.-> lab-28267{{"Attribuer des valeurs par défaut aux propriétés d'un objet"}} javascript/destr_assign -.-> lab-28267{{"Attribuer des valeurs par défaut aux propriétés d'un objet"}} javascript/spread_rest -.-> lab-28267{{"Attribuer des valeurs par défaut aux propriétés d'un objet"}} end

Comment attribuer des valeurs par défaut aux propriétés d'un objet

Pour attribuer des valeurs par défaut à toutes les propriétés d'un objet qui sont undefined, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez Object.assign() pour créer un nouvel objet vide et copier l'objet original pour conserver l'ordre des clés.
  3. Utilisez Array.prototype.reverse() et l'opérateur de propagation (...) pour combiner les valeurs par défaut de gauche à droite.
  4. Enfin, utilisez obj à nouveau pour écraser les propriétés qui avaient une valeur initialement.

Voici un extrait de code d'exemple :

const defaults = (obj, ...defs) =>
  Object.assign({}, obj, ...defs.reverse(), obj);

defaults({ a: 1 }, { b: 2 }, { b: 6 }, { a: 3 }); // { a: 1, b: 2 }

Ce fragment de code retournera un objet qui a des valeurs par défaut pour toutes les propriétés qui étaient indéfinies dans l'objet original.

Sommaire

Félicitations ! Vous avez terminé le laboratoire Assign Default Values for Object Properties. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.