Asignar valores predeterminados a las propiedades de un 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 una función de JavaScript que asigna valores predeterminados a las propiedades de un objeto. Esta función ayuda a simplificar el proceso de garantizar que todas las propiedades de un objeto tengan un valor, incluso si originalmente eran indefinidas. Al utilizar el método Object.assign() y la sintaxis de propagación, podemos crear fácilmente un nuevo objeto con valores predeterminados mientras mantenemos el orden original de las claves.


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/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28267{{"Asignar valores predeterminados a las propiedades de un objeto"}} javascript/data_types -.-> lab-28267{{"Asignar valores predeterminados a las propiedades de un objeto"}} javascript/arith_ops -.-> lab-28267{{"Asignar valores predeterminados a las propiedades de un objeto"}} javascript/comp_ops -.-> lab-28267{{"Asignar valores predeterminados a las propiedades de un objeto"}} javascript/destr_assign -.-> lab-28267{{"Asignar valores predeterminados a las propiedades de un objeto"}} javascript/spread_rest -.-> lab-28267{{"Asignar valores predeterminados a las propiedades de un objeto"}} end

Cómo asignar valores predeterminados a las propiedades de un objeto

Para asignar valores predeterminados a todas las propiedades de un objeto que son undefined, siga estos pasos:

  1. Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
  2. Utilice Object.assign() para crear un nuevo objeto vacío y copie el original para mantener el orden de las claves.
  3. Utilice Array.prototype.reverse() y el operador de propagación (...) para combinar los valores predeterminados de izquierda a derecha.
  4. Finalmente, utilice obj nuevamente para sobrescribir las propiedades que originalmente tenían un valor.

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

const defaults = (obj, ...defs) =>
  Object.assign({}, obj, ...defs.reverse(), obj);

defaults({ a: 1 }, { b: 2 }, { b: 6 }, { a: 3 }); // { a: 1, b: 2 }

Este fragmento de código devolverá un objeto que tiene valores predeterminados para todas las propiedades que eran indefinidas en el objeto original.

Resumen

¡Felicitaciones! Has completado el laboratorio de Asignar Valores Predeterminados a las Propiedades de un Objeto. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.