Mapear Claves de Objeto

JavaScriptJavaScriptBeginner
Practicar Ahora

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

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos cómo mapear las claves de un objeto utilizando una función proporcionada, generando un nuevo objeto. Utilizaremos Object.keys() para iterar sobre las claves del objeto y Array.prototype.reduce() para crear un nuevo objeto con los mismos valores y claves mapeadas utilizando la función proporcionada. Al final de este laboratorio, tendrás una comprensión sólida de cómo transformar las claves de un objeto utilizando JavaScript.


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-28480{{"Mapear Claves de Objeto"}} javascript/data_types -.-> lab-28480{{"Mapear Claves de Objeto"}} javascript/arith_ops -.-> lab-28480{{"Mapear Claves de Objeto"}} javascript/comp_ops -.-> lab-28480{{"Mapear Claves de Objeto"}} javascript/array_methods -.-> lab-28480{{"Mapear Claves de Objeto"}} javascript/higher_funcs -.-> lab-28480{{"Mapear Claves de Objeto"}} javascript/destr_assign -.-> lab-28480{{"Mapear Claves de Objeto"}} end

Función para mapear las claves de un objeto

Para mapear las claves de un objeto utilizando una función proporcionada y generar un nuevo objeto, siga estos pasos:

  1. Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
  2. Utilice Object.keys() para iterar sobre las claves del objeto.
  3. Utilice Array.prototype.reduce() para crear un nuevo objeto con los mismos valores y claves mapeadas utilizando la función proporcionada (fn).

A continuación, se muestra una implementación de ejemplo de la función mapKeys:

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

Puede probar la función con una entrada de ejemplo como esta:

mapKeys({ a: 1, b: 2 }, (val, key) => key + val); // { a1: 1, b2: 2 }

Resumen

¡Felicitaciones! Has completado el laboratorio de Mapeo de Claves de Objeto. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.