Skip to main content
se añadieron 493 caracteres en el cuerpo
Origen Enlace
hawks
  • 3.5k
  • 1
  • 6
  • 16

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.

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);
  }
}

console.log(unique);

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);
  }
}

const container = document.getElementById("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.

Origen Enlace
hawks
  • 3.5k
  • 1
  • 6
  • 16

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);
  }
}

console.log(unique);