Coalescencia de Argumentos | Técnicas de JavaScript

Introducción

En este laboratorio, exploraremos el concepto de coalescencia de argumentos en JavaScript. La coalescencia de argumentos es una técnica utilizada para devolver el primer argumento definido y no nulo de una lista de argumentos. A través de ejemplos prácticos, aprenderemos cómo implementar esta técnica utilizando los métodos integrados de JavaScript, como Array.prototype.find() y Array.prototype.includes().

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/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28137{{"Coalescencia de Argumentos en JavaScript"}} javascript/data_types -.-> lab-28137{{"Coalescencia de Argumentos en JavaScript"}} javascript/arith_ops -.-> lab-28137{{"Coalescencia de Argumentos en JavaScript"}} javascript/comp_ops -.-> lab-28137{{"Coalescencia de Argumentos en JavaScript"}} javascript/spread_rest -.-> lab-28137{{"Coalescencia de Argumentos en JavaScript"}} end

Usando la coalescencia de argumentos

Para comenzar a codificar, abre la Terminal/SSH y escribe node. La coalescencia de argumentos es una técnica utilizada para devolver el primer argumento definido y no nulo en una lista de argumentos. Para lograr esto, utiliza Array.prototype.find() y Array.prototype.includes() para encontrar el primer valor que no sea igual a undefined o null.

Aquí hay un ejemplo de cómo utilizar la coalescencia de argumentos en JavaScript:

const coalesce = (...args) => args.find((v) => ![undefined, null].includes(v));

En el fragmento de código anterior, coalesce es una función que toma cualquier número de argumentos y devuelve el primer argumento definido y no nulo. Aquí hay un ejemplo de cómo utilizar la función coalesce:

coalesce(null, undefined, "", NaN, "Waldo"); // ''

En este ejemplo, coalesce se llama con una lista de argumentos que incluye null, undefined, una cadena vacía '', NaN y la cadena 'Waldo'. La función devuelve una cadena vacía '' porque es el primer argumento definido y no nulo en la lista.

Resumen

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