Tengo la siguiente estructura de datos que recibo de la API:
[ { id: '10000844', text_id: '10000844-01', }, { id: '10000844', text_id: '10000844-02', }, { id: '12000844', text_id: '12000844-03', }, { id: '12000844', text_id: '12000844-07', }, { id: '12000814', text_id: '12000844-07', }, { id: '12002812', text_id: '12000844-07', }, { id: '12000814', text_id: '12000844-08', }, ]
El resultado perfecto de limpiar el código sería este resultado, básicamente devolviendo solo la primera identificación encontrada:
[ { id: '10000844', text_id: '10000844-01', }, { id: '12000844', text_id: '12000844-03', }, { id: '12000814', text_id: '12000844-07', }, { id: '12002812', text_id: '12000844-07', }, ]
Pero actualmente solo devuelve el último duplicado encontrado en una matriz única, con el código actual:
let uniqueArray = [...new Map(data.map(item => [item.id, item])).values()];
Puede usar Object.values()
y reduce()
igual que:
const data = [ { id: '10000844', text_id: '10000844-01', }, { id: '10000844', text_id: '10000844-02', }, { id: '12000844', text_id: '12000844-03', }, { id: '12000844', text_id: '12000844-07', }, { id: '12000814', text_id: '12000844-07', }, { id: '12002812', text_id: '12000844-07', }, { id: '12000814', text_id: '12000844-08', }, ] const result = Object.values( data.reduce((res, {id, text_id}) => { res[id] ??= {id, text_id} return res }, {}) ) console.log(result)
Actualizar con ??=
documento
El operador de asignación lógica nula (x ??= y)
solo asigna if x is nullish (null or undefined)
.
Puedes hacerlo así:
const arr = [ { id: '10000844', text_id: '10000844-01', }, { id: '10000844', text_id: '10000844-02', }, { id: '12000844', text_id: '12000844-03', }, { id: '12000844', text_id: '12000844-07', }, { id: '12000814', text_id: '12000844-07', }, { id: '12002812', text_id: '12000844-07', }, { id: '12000814', text_id: '12000844-08', }, ]; const unique = []; const visited = new Set(); for(let i = 0; i < arr.length; ++i){ if(!visited.has(arr[i].id)){ unique.push(arr[i]); visited.add(arr[i].id); } } console.log(unique);
Concepto
Recorra todos los objetos en los datos y verifique si la identificación se encuentra en la matriz de resultados. Si no lo encuentra, introdúzcalo en la matriz de resultados; de lo contrario, sáltelo.
Código
const data = [{ id: '10000844', text_id: '10000844-01', }, { id: '10000844', text_id: '10000844-02', }, { id: '12000844', text_id: '12000844-03', }, { id: '12000844', text_id: '12000844-07', }, { id: '12000814', text_id: '12000844-07', }, { id: '12002812', text_id: '12000844-07', }, { id: '12000814', text_id: '12000844-08', }, ]; let result = []; let found; data.forEach(d => { found = false; result.forEach(r => { if (!found && r.id === d.id) found = true; }) if (!found) result.push(d); }); console.log(result);