Valores únicos en 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, profundizaremos en el concepto de arrays en JavaScript y aprenderemos cómo encontrar valores únicos en un array utilizando el objeto Set y el operador de propagación. Exploraremos un enfoque simple y eficiente para eliminar duplicados de un array y devolver solo los elementos únicos. Este laboratorio es perfecto para aquellos que deseen mejorar su comprensión de los arrays y la manipulación de datos en JavaScript.


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-28682{{"Valores únicos en un array"}} javascript/data_types -.-> lab-28682{{"Valores únicos en un array"}} javascript/arith_ops -.-> lab-28682{{"Valores únicos en un array"}} javascript/comp_ops -.-> lab-28682{{"Valores únicos en un array"}} javascript/spread_rest -.-> lab-28682{{"Valores únicos en un array"}} end

Cómo encontrar valores únicos en un array con JavaScript

Para encontrar todos los valores únicos en un array, puedes seguir estos pasos en JavaScript:

  1. Crea un Set a partir del array dado para descartar los valores duplicados.
  2. Utiliza el operador de propagación (...) para convertir el Set de nuevo en un array.

Aquí hay un fragmento de código de ejemplo:

const getUniqueValues = (arr) => [...new Set(arr)];

Puedes llamar a la función y pasarle un array, como esto:

getUniqueValues([1, 2, 2, 3, 4, 4, 5]); // [1, 2, 3, 4, 5]

Esto devolverá un array con todos los valores únicos del array original, sin ningún duplicado.

Resumen

¡Felicidades! Has completado el laboratorio de Valores Únicos en Array. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.