Iterar sobre las propiedades propias del 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, trabajaremos con la iteración sobre las propiedades propias de un objeto en JavaScript. El propósito de este laboratorio es ayudarte a entender cómo utilizar los métodos Object.keys() y Array.prototype.forEach() para recorrer las propiedades de un objeto y ejecutar una función de devolución de llamada para cada una de ellas. Al final de este laboratorio, tendrás una mejor comprensión de cómo trabajar con objetos en JavaScript y cómo manipular sus propiedades.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) 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-28454{{"Iterar sobre las propiedades propias del objeto"}} javascript/data_types -.-> lab-28454{{"Iterar sobre las propiedades propias del objeto"}} javascript/arith_ops -.-> lab-28454{{"Iterar sobre las propiedades propias del objeto"}} javascript/comp_ops -.-> lab-28454{{"Iterar sobre las propiedades propias del objeto"}} javascript/array_methods -.-> lab-28454{{"Iterar sobre las propiedades propias del objeto"}} javascript/destr_assign -.-> lab-28454{{"Iterar sobre las propiedades propias del objeto"}} javascript/debugging -.-> lab-28454{{"Iterar sobre las propiedades propias del objeto"}} end

Cómo iterar sobre las propiedades propias de un objeto en JavaScript

Para iterar sobre las propiedades propias de un objeto y practicar la codificación, siga estos pasos:

  1. Abra la Terminal o SSH.
  2. Escriba node para iniciar una nueva sesión de Node.js.
  3. Utilice el método Object.keys() para recuperar una matriz de las propiedades propias del objeto.
  4. Utilice el método Array.prototype.forEach() para recorrer cada propiedad y ejecutar una función proporcionada.
  5. La función proporcionada debe aceptar tres argumentos: el valor de la propiedad, la clave de la propiedad y el objeto en sí.
  6. Utilice la función forOwn() con el objeto y la función proporcionada para iterar sobre las propiedades del objeto.

A continuación, se muestra un fragmento de código de ejemplo:

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

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

Este código registrará los valores de las propiedades foo y a en la consola.

Resumen

¡Felicidades! Has completado el laboratorio de Iterar sobre las propiedades propias del objeto. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.