Cómo obtener valores únicos de una matriz en JavaScript

En la programación, a menudo nos encontramos con la necesidad de obtener valores únicos de una matriz en JavaScript. Afortunadamente, esto es bastante sencillo de lograr. En este artículo, explicaremos paso a paso cómo conseguir valores únicos de una matriz en JavaScript.

Crea una función para obtener valores únicos de una matriz

El primer paso para conseguir valores únicos de una matriz en JavaScript es crear una función que pueda determinar si un valor de la matriz se ha visto antes o no. Para ello, crearemos una función que tome una matriz como argumento y devuelva una nueva matriz con valores únicos.

Para crear la función, utilizaremos una variable auxiliar para almacenar los valores únicos que hemos visto hasta ahora. Luego, recorreremos la matriz original y agregaremos cada valor a la matriz auxiliar solo si aún no se ha visto.


function getUniqueValues(arr) {
    let uniqueArr = [];
    for (let i = 0; i < arr.length; i++) {
        if (!uniqueArr.includes(arr[i])) {
            uniqueArr.push(arr[i]);
        }
    }
    return uniqueArr;
}


Esta función recorre la matriz original, verifica si el valor ya se encuentra en la matriz auxiliar y lo agrega solo si aún no se ha visto. Finalmente, devuelve la nueva matriz con valores únicos.

Usa la función para obtener valores únicos de una matriz

Ahora que hemos creado la función para obtener valores únicos, podemos utilizarla con cualquier matriz que necesitemos. Para ello, simplemente llamamos a la función y pasamos la matriz como argumento.


let array = [1, 2, 3, 4, 3, 2, 1];
let uniqueArray = getUniqueValues(array);
console.log(uniqueArray); // Output: [1, 2, 3, 4]


Este ejemplo muestra cómo obtener valores únicos de una matriz que contiene números repetidos. La llamada a la función devuelve una nueva matriz con [1, 2, 3, 4] como resultado.

Ejemplo práctico: Obtén valores únicos de una matriz de objetos

También podemos utilizar la función para conseguir valores únicos de una matriz de objetos. En este caso, necesitamos especificar la propiedad que queremos comparar para determinar si un objeto se ha visto antes o no.

let people = [
    { name: "John", age: 30 },
    { name: "Jane", age: 25 },
    { name: "John", age: 30 },
    { name: "Bob", age: 35 },
    { name: "Jane", age: 25 }
];


function getUniqueValuesByProp(arr, prop) {
    let uniqueArr = [];
    let propArr = [];
    for (let i = 0; i < arr.length; i++) {
        if (!propArr.includes(arr[i][prop])) {
            propArr.push(arr[i][prop]);
            uniqueArr.push(arr[i]);
        }
    }
    return uniqueArr;
}


Esta función recibe dos argumentos: la matriz de objetos y la propiedad que queremos comparar. La función recorre la matriz original, verifica si el valor de la propiedad se ha visto antes y agrega el objeto completo a la nueva matriz solo si aún no se ha visto.


let uniquePeople = getUniqueValuesByProp(people, 'name');
console.log(uniquePeople);
// Output: [ { name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Bob", age: 35 }]


Este ejemplo muestra cómo podemos utilizar la función para obtener valores únicos de una matriz de objetos, basándonos en la propiedad de nombre. La llamada a la función devuelve una nueva matriz con [ { name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Bob", age: 35 }] como resultado.

Conclusión

Obtener valores únicos de una matriz en JavaScript es una tarea común en la programación. En este artículo, hemos creado una función para conseguir valores únicos de una matriz y la hemos utilizado en un ejemplo práctico. Esperamos que este artículo te haya ayudado a entender cómo obtener valores únicos de una matriz en JavaScript y cómo aplicarlo a tus propios proyectos.

Preguntas frecuentes

¿Por qué obtener valores únicos de una matriz es útil en programación?

Obtener valores únicos de una matriz es útil en programación porque nos permite manejar conjuntos de datos sin duplicados y, por lo tanto, hacer que nuestro código sea más eficiente y fácil de leer.

¿Qué es una matriz en JavaScript?

Una matriz en JavaScript es una estructura de datos que nos permite almacenar varios valores en una variable. Los valores se guardan en una secuencia y se pueden acceder utilizando un índice numérico.

¿Por qué usamos un ciclo for para recorrer la matriz en la función getUniqueValues()?

Utilizamos un ciclo for para recorrer la matriz en la función getUniqueValues() porque nos permite acceder a cada elemento de la matriz y verificar si ya se ha visto o no.

¿Por qué usamos el método includes() para verificar si un valor ya se ha visto en la función getUniqueValues()?

Usamos el método includes() para verificar si un valor ya se ha visto en la función getUniqueValues() porque nos permite comprobar rápidamente si un valor se encuentra en una matriz, sin tener que recorrer manualmente cada elemento.

Cómo crear Enumerator en JavaScript

Cómo llamar a una función de JavaScript al cargar una página

Cómo comparar cadenas en JavaScript

Cómo eliminar un elemento de un arreglo por su valor en JavaScript

Cómo eliminar una subcadena de una cadena en JavaScript

Crear una lista de objetos en JavaScript

Cómo redondear un número a 2 decimales en JavaScript

Cómo usar índices de mapa en JavaScript

Cómo vincular JavaScript a HTML