Falando sobre desduplicação de dados complexos de matriz

Hoje, durante o processo de desenvolvimento, implementamos a função de vincular o menu superior e o menu inferior e descobrimos que quando o menu superior era clicado repetidamente, o menu de visualização da interface era exibido repetidamente, então pensei em deduplicação de array para resolver esse bug .

No momento, a maneira mais concisa de escrever é usar ES6 definido para desduplicar

let tabList=[{"name":"系统监控","path":"/monitor"},{"name":"银行信息","path":"/bankinfo"}，{"name":"银行信息","path":"/bankinfo"}]

function unique(arr){
    return Array.from(new Set(arr))    //或者写成 return [...new Set(arr)]
}

console.log(unique(tabList))

2. Com a ajuda de loops for duplos, compare os atributos exclusivos para desduplicar

let tabList=[{"name":"系统监控","path":"/monitor"},{"name":"银行信息","path":"/bankinfo"}，{"name":"银行信息","path":"/bankinfo"}]
function unique(arr){
    for(let i=0;i<arr.length;i++){
        for(let j=i+1;j<arr.length;j++){
            if(arr[i].name===arr[j].name){
                arr.splice(j,1) //删除后面重复元素
            }
        }
    }
    return arr
}
console.log(unique(tabList))