Claves de objetos en mayúsculas en JavaScript

Introducción

En este laboratorio, exploraremos cómo convertir todas las claves de un objeto a mayúsculas en JavaScript. Aprenderás cómo utilizar Object.keys() y Array.prototype.reduce() para crear un nuevo objeto con todas las claves convertidas a letras mayúsculas. Esta técnica puede ser útil en diversos escenarios donde necesites estandarizar las claves de un objeto para mantener la coherencia y facilitar su uso.

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/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{{"Claves de objetos en mayúsculas"}} javascript/data_types -.-> lab-28685{{"Claves de objetos en mayúsculas"}} javascript/arith_ops -.-> lab-28685{{"Claves de objetos en mayúsculas"}} javascript/comp_ops -.-> lab-28685{{"Claves de objetos en mayúsculas"}} javascript/array_methods -.-> lab-28685{{"Claves de objetos en mayúsculas"}} javascript/higher_funcs -.-> lab-28685{{"Claves de objetos en mayúsculas"}} javascript/destr_assign -.-> lab-28685{{"Claves de objetos en mayúsculas"}} end

Cómo convertir las claves de un objeto a mayúsculas en JavaScript

Para convertir todas las claves de un objeto a mayúsculas en JavaScript, sigue estos pasos:

Utiliza Object.keys() para obtener un array con las claves del objeto.

Utiliza Array.prototype.reduce() para mapear el array a un objeto.

Utiliza String.prototype.toUpperCase() para convertir las claves a mayúsculas.

Aquí está el código:

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

Para probar la función, puedes llamarla de la siguiente manera:

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