Puedes hacer algo como lo siguiente.
Lo que hago es guardar en un objeto los valores que quieres que no se repitan y en cada iteración del loop comprobar que el id
y name
no existan en itemsRepeated
. Si esta condición es cierta se añade el item
al array unique
y se añaden los valores de id
y name
en el objeto itemsRepeated
para que no vuelva a repetirse. Sino, no se hace nada.
var listArray = '[{"id":"a","nom":"joan"},{"id":"b","nom":"david"},{"id":"a","nom":"joan"},{"id":"c","nom":"pep"},{"id":"b","nom":"david"}]'
const data = JSON.parse(listArray);
const itemsRepeated = {};
const unique = [];
for (let i = 0; i < data.length; i++) {
const item = data[i];
if (!itemsRepeated[item.id] && !itemsRepeated[item.name]) {
itemsRepeated[item.id] = item.id;
itemsRepeated[item.name] = item.name;
unique.push(item);
}
}
consoleconst container = document.loggetElementById("exercici5");
const html = unique.map(item => `<p>Id: ${item.id}, Nom: ${item.nom}</p>`).join('');
container.innerHTML = html;
<div id="exercici5"></div>
Para mostrarlo en el html
puedes iterar todos los elementos únicos y crear el html con los datos.
Como map
devuelve un array puedes hacer el join
de los datos y formar un único string que contenga el html para asignarlo a innerHTML
.