Estoy tratando de eliminar duplicados de una matriz anidada de objetos.
let arr = [{ type: "horizontal", tiles: [{ col: 0, row: 3 }, { col: 1, row: 3 }, { col: 2, row: 3 }] }, { type: "horizontal", tiles: [{ col: 1, row: 3 }, { col: 2, row: 3 }, { col: 0, row: 3 }] }, { type: "horizontal", tiles: [{ col: 2, row: 3 }, { col: 1, row: 3 }, { col: 0, row: 3 }], }, { type: "vertical", tiles: [{ col: 0, row: 5 }, { col: 0, row: 3 }, { col: 0, row: 4 }], }];Estoy tratando de mantener solo los objetos de nivel superior si son únicos. Como puede ver, la matriz de mosaicos no está necesariamente ordenada por columna/fila.
Así que arr aquí se convertiría en:
let arr = [{ type: "horizontal", tiles: [{ col: 0, row: 3 }, { col: 1, row: 3 }, { col: 2, row: 3 }] },{ type: "vertical", tiles: [{ col: 0, row: 5 }, { col: 0, row: 3 }, { col: 0, row: 4 }], }];He buscado mucho pero no puedo encontrar algo que resuelva el mismo problema que estoy tratando de resolver.
De acuerdo, esto puede ser un poco largo, pero no pude encontrar una forma más corta de hacerlo. Mi plan era obtener un conjunto de cadenas JSON (lo que da un carácter único) y volver a convertirlo en una matriz de objetos JS (el conjunto de objetos JS no eliminará los duplicados). De esta manera obtendrá solo los valores únicos.
Pero para que las cadenas JSON sean iguales para registros únicos, la matriz de tiles debe estar en el mismo orden, así que ordené primero los tiles para asegurarme de que el orden sea el mismo
let arr = [{ type: "horizontal", tiles: [{ col: 0, row: 3 }, { col: 1, row: 3 }, { col: 2, row: 3 }] },{ type: "horizontal", tiles: [{ col: 1, row: 3 }, { col: 2, row: 3 }, { col: 0, row: 3 }] },{ type: "horizontal", tiles: [{ col: 2, row: 3 }, { col: 1, row: 3 }, { col: 0, row: 3 }], },{ type: "vertical", tiles: [{ col: 0, row: 5 }, { col: 0, row: 3 }, { col: 0, row: 4 }], }]; //sort for ascending order of col field arr.forEach((o,i,a) => { a[i].tiles.sort((a,b) => a.col-b.col) }) let mySet = new Set(); arr.forEach(item => mySet.add(JSON.stringify(item))) let result = [] mySet.forEach((el) => { result.push(JSON.parse(el)) }) console.log(result) .as-console-wrapper { max-height: 100% !important; top: 0; }