Cómo obtener valores distintos de una matriz de objetos en JavaScript?

Las matrices se utilizan con frecuencia para almacenar datos en JavaScript. Estas matrices pueden contener objetos con muchas propiedades. Mientras trabajan con este tipo de matrices, los desarrolladores con frecuencia enfrentan una situación en la que necesitan extraer valores únicos o diferentes de las matrices. Por ejemplo, recupere una lista de todas las categorías de productos distintas/únicas, etc.

Este blog definirá las formas de obtener valores distintos/únicos de una variedad de objetos en JavaScript.

Cómo obtener valores distintos/únicos de una matriz de objetos en JavaScript?

Para obtener los valores únicos de una matriz de objetos, use los siguientes enfoques:

• Objeto "Establecer" con el método "map ()".
• Método "Filter ()" con el método "map ()".

Método 1: Obtenga valores distintos de una matriz de objetos utilizando el objeto "Establecer" con el método "map ()"

Para recuperar valores distintos de una matriz de objetos, use el "Colocar"Objeto con el"mapa()" método. El "conjunto" permite guardar valores distintos de cualquier tipo. El método "map ()" se utiliza para crear una nueva matriz que contiene la salida invocando una función de devolución de llamada dada en cada elemento de la matriz original. Acepta una función como un parámetro que lo llama en cada elemento de matriz y luego genera un nuevo valor.

Ejemplo

Crear una variedad de objetos llamados "deceta de alumno":

const studentdetails = [[
id: 1, nombre: "Joseph", edad: 15,
id: 2, nombre: "mili", edad: 13,
id: 3, nombre: "John", edad: 11,
id: 4, nombre: "Mike", edad: 16,
id: 5, nombre: "John", edad: 18
];

Llame al método map () para crear una nueva matriz con solo el "nombre"Propiedad de cada objeto en la matriz original. Pasarlo al constructor establecido que almacenará valores únicos eliminando todos los valores duplicados. Luego, utilice el operador de propagación "… "Para convertir el objeto establecido en una matriz:

const distinttdnames = [... nuevo conjunto (StudentDetails.mapa (obj => obj.nombre))];

Finalmente, imprima la matriz resultante en la consola:

consola.log (DistintStDNames);

La salida indica que la matriz de valores de nombre distintos se ha recuperado con éxito de una matriz de objetos:

Método 2: Obtener valores distintos de una matriz de objetos utilizando el método "filtro ()" Con el método "map ()"

Otro enfoque para obtener los valores únicos de una matriz de objetos es usar el "filtrar()"Método con el"mapa()" método. El método "filtro ()" crea una nueva matriz con todos los elementos que pasan una condición específica, mientras que el método "map ()" crea una nueva matriz con los resultados de invocar una función suministrada en cada miembro en la matriz.

Ejemplo

Invoca el método "Filter ()" con el método "Map ()" para recuperar los valores únicos del "nombre"Propiedad de los objetos:

const DistintStdNames = StudentDetails.mapa ((elemento) => elemento.nombre)
.filtro ((nombre, índice, currentVal) =>
CurrentVal.indexOf (nombre) === índice
);

Por último, muestre los valores únicos en la consola:

consola.log (DistintStDNames);

Producción

Se trata de obtener valores distintos/únicos de una variedad de objetos en JavaScript.

Conclusión

Para obtener los valores únicos de una matriz de objetos, use el "Colocar"Objeto con el"mapa()"Método o el"filtrar()"Método con el"mapa()" método. En términos de rendimiento, el primer enfoque "Establecer" objeto con el método "map ()" es el mejor. Este blog definió las formas de obtener valores únicos de una variedad de objetos en JavaScript.