Unión de Arrays Basada en Función

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, aprenderemos cómo implementar la unión de arrays basada en una función en JavaScript. Utilizaremos la función comparadora proporcionada para encontrar y devolver todos los elementos que existen al menos una vez en cualquiera de los dos arrays. Al final del laboratorio, tendrás una mejor comprensión de cómo utilizar el método Array.prototype.findIndex() y el objeto Set para comparar y combinar arrays.


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/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28334{{"Unión de Arrays Basada en Función"}} javascript/data_types -.-> lab-28334{{"Unión de Arrays Basada en Función"}} javascript/arith_ops -.-> lab-28334{{"Unión de Arrays Basada en Función"}} javascript/comp_ops -.-> lab-28334{{"Unión de Arrays Basada en Función"}} javascript/higher_funcs -.-> lab-28334{{"Unión de Arrays Basada en Función"}} javascript/spread_rest -.-> lab-28334{{"Unión de Arrays Basada en Función"}} end

Cómo encontrar la unión de dos arrays basada en una función

Para encontrar la unión de dos arrays basada en una función utilizando Node.js, siga estos pasos:

  1. Abra la Terminal/SSH y escriba node.
  2. Utilice el siguiente código para crear un Set con todos los valores de a y los valores en b para los cuales el comparador no encuentra coincidencias en a, utilizando Array.prototype.findIndex():
const unionWith = (a, b, comp) =>
  Array.from(
    new Set([...a, ...b.filter((x) => a.findIndex((y) => comp(x, y)) === -1)])
  );
  1. Llame a la función unionWith con tres argumentos: el primer array, el segundo array y la función comparadora.
  2. La función devuelve cada elemento que existe al menos una vez en cualquiera de los dos arrays, utilizando la función comparadora proporcionada.
  3. Aquí hay un ejemplo de llamada a la función unionWith:
unionWith(
  [1, 1.2, 1.5, 3, 0],
  [1.9, 3, 0, 3.9],
  (a, b) => Math.round(a) === Math.round(b)
);
// [1, 1.2, 1.5, 3, 0, 3.9]

Esto devolverá [1, 1.2, 1.5, 3, 0, 3.9] como la unión de los dos arrays.

Resumen

¡Felicidades! Has completado el laboratorio de Unión de Arrays Basada en Función. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.