Usar JavaScript para invertir elementos únicos de un array

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 usar la función uniqueElementsByRight() en JavaScript para encontrar los valores únicos invertidos de una matriz en función de una función comparadora proporcionada. Aprenderemos a usar los métodos Array.prototype.reduceRight() y Array.prototype.some() para crear una matriz que contenga solo la última aparición única de cada valor en función de la función comparadora proporcionada. Al final de este laboratorio, tendrás una mejor comprensión de cómo manipular matrices en JavaScript usando estos métodos.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL 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/cond_stmts("Conditional Statements") javascript/BasicConceptsGroup -.-> javascript/obj_manip("Object Manipulation") subgraph Lab Skills javascript/variables -.-> lab-28338{{"Usar JavaScript para invertir elementos únicos de un array"}} javascript/data_types -.-> lab-28338{{"Usar JavaScript para invertir elementos únicos de un array"}} javascript/arith_ops -.-> lab-28338{{"Usar JavaScript para invertir elementos únicos de un array"}} javascript/comp_ops -.-> lab-28338{{"Usar JavaScript para invertir elementos únicos de un array"}} javascript/cond_stmts -.-> lab-28338{{"Usar JavaScript para invertir elementos únicos de un array"}} javascript/obj_manip -.-> lab-28338{{"Usar JavaScript para invertir elementos únicos de un array"}} end

Función para Encontrar Valores Únicos Invertidos en un Array

Para encontrar todos los valores únicos de un array en función de una función comparadora proporcionada desde la derecha, siga estos pasos:

  1. Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
  2. Utilice Array.prototype.reduceRight() y Array.prototype.some() para crear un array que contenga solo la última aparición única de cada valor, en función de la función comparadora fn.
  3. La función comparadora toma dos argumentos: los valores de los dos elementos que se están comparando.
  4. Aquí está el código para implementar la función:
const uniqueElementsByRight = (arr, fn) =>
  arr.reduceRight((acc, v) => {
    if (!acc.some((x) => fn(v, x))) acc.push(v);
    return acc;
  }, []);
  1. Utilice el siguiente código para probar la función:
uniqueElementsByRight(
  [
    { id: 0, value: "a" },
    { id: 1, value: "b" },
    { id: 2, value: "c" },
    { id: 1, value: "d" },
    { id: 0, value: "e" }
  ],
  (a, b) => a.id == b.id
); // [ { id: 0, value: 'e' }, { id: 1, value: 'd' }, { id: 2, value: 'c' } ]

Resumen

¡Felicidades! Has completado el laboratorio de Valores Únicos Invertidos en un Array Basados en una Función. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.