Itération inverse des propriétés d'un objet | Tutoriel de codage JavaScript

Introduction

Dans ce laboratoire, nous allons explorer comment itérer sur les propriétés propres d'un objet dans l'ordre inverse à l'aide de JavaScript. Nous utiliserons des méthodes intégrées telles que Object.keys() et Array.prototype.reverse() pour y parvenir. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière de travailler avec les objets en JavaScript et de manipuler leurs propriétés.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28598{{"Itérer sur les propriétés propres d'un objet dans l'ordre inverse"}} javascript/data_types -.-> lab-28598{{"Itérer sur les propriétés propres d'un objet dans l'ordre inverse"}} javascript/arith_ops -.-> lab-28598{{"Itérer sur les propriétés propres d'un objet dans l'ordre inverse"}} javascript/comp_ops -.-> lab-28598{{"Itérer sur les propriétés propres d'un objet dans l'ordre inverse"}} javascript/array_methods -.-> lab-28598{{"Itérer sur les propriétés propres d'un objet dans l'ordre inverse"}} javascript/destr_assign -.-> lab-28598{{"Itérer sur les propriétés propres d'un objet dans l'ordre inverse"}} javascript/debugging -.-> lab-28598{{"Itérer sur les propriétés propres d'un objet dans l'ordre inverse"}} end

Voici comment itérer sur les propriétés propres d'un objet dans l'ordre inverse

Pour itérer sur les propriétés propres d'un objet dans l'ordre inverse et exécuter une fonction de rappel pour chacune d'entre elles, suivez ces étapes :

Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
Utilisez Object.keys() pour obtenir toutes les propriétés de l'objet.
Utilisez Array.prototype.reverse() pour inverser l'ordre des propriétés.
Utilisez Array.prototype.forEach() pour exécuter la fonction fournie pour chaque paire clé-valeur.
La fonction de rappel devrait avoir trois arguments : la valeur, la clé et l'objet.

Voici le code :

const forOwnRight = (obj, fn) =>
  Object.keys(obj)
    .reverse()
    .forEach((key) => fn(obj[key], key, obj));

Vous pouvez utiliser cette fonction avec n'importe quel objet et fonction de rappel. Par exemple, pour afficher les valeurs de { foo: 'bar', a: 1 } dans l'ordre inverse, vous pouvez utiliser le code suivant :

forOwnRight({ foo: "bar", a: 1 }, (v) => console.log(v)); // 1, 'bar'

Sommaire

Félicitations ! Vous avez terminé le laboratoire Iterate Over Object's Own Properties in Reverse. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.