Conversion des clés d'un objet en majuscules en JavaScript

Introduction

Dans ce laboratoire (lab), nous allons explorer comment convertir toutes les clés d'un objet en majuscules en JavaScript. Vous apprendrez à utiliser Object.keys() et Array.prototype.reduce() pour créer un nouvel objet avec toutes les clés converties en lettres majuscules. Cette technique peut être utile dans diverses situations où vous avez besoin de standardiser les clés d'un objet pour plus de cohérence et de facilité d'utilisation.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) 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/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28685{{"Conversion des clés d'un objet en majuscules"}} javascript/data_types -.-> lab-28685{{"Conversion des clés d'un objet en majuscules"}} javascript/arith_ops -.-> lab-28685{{"Conversion des clés d'un objet en majuscules"}} javascript/comp_ops -.-> lab-28685{{"Conversion des clés d'un objet en majuscules"}} javascript/array_methods -.-> lab-28685{{"Conversion des clés d'un objet en majuscules"}} javascript/higher_funcs -.-> lab-28685{{"Conversion des clés d'un objet en majuscules"}} javascript/destr_assign -.-> lab-28685{{"Conversion des clés d'un objet en majuscules"}} end

Comment convertir les clés d'un objet en majuscules en JavaScript

Pour convertir toutes les clés d'un objet en majuscules en JavaScript, suivez ces étapes :

Utilisez Object.keys() pour obtenir un tableau des clés de l'objet.

Utilisez Array.prototype.reduce() pour mapper le tableau en un objet.

Utilisez String.prototype.toUpperCase() pour convertir les clés en majuscules.

Voici le code :

const upperize = (obj) => Object.keys(obj).reduce((acc, k) => { acc[k.toUpperCase()] = obj[k]; return acc; }, {});

Pour tester la fonction, vous pouvez l'appeler comme ceci :

upperize({ Name: "John", Age: 22 }); // { NAME: 'John', AGE: 22 }

Conversion des clés d'un objet en majuscules

Introduction

Skills Graph

Comment convertir les clés d'un objet en majuscules en JavaScript

Résumé