image.png
<template>
<p>原数组</p>
<ul>
<li v-for="(item, index) in arr" :key="index">{{ item }}</li>
</ul>
<hr />
<p>去重之后的新数组</p>
<ul>
<li v-for="(item, index) in arr2" :key="index">{{ item }}</li>
</ul>
</template>
<script setup>
const arr = [
{
id: "01",
name: "zhangsan",
age: "10",
},
{
id: "02",
name: "lisi",
age: "20",
},
{
id: "03",
name: "wangwu",
age: "30",
},
{
id: "01",
name: "zhaowu",
age: "40",
},
];
const arr2 = ref([]);
//数组中去重保留后者
function arrayUnique(arr, name) {
let hash = {};
return arr.reduce((acc, cru, index) => {
if (!hash[cru[name]]) {
hash[cru[name]] = { index: acc.length };
acc.push(cru);
} else {
acc.splice(hash[cru[name]]["index"], 1, cru);
}
return acc;
}, []);
}
arr2.value = arrayUnique(arr, "id");
</script>
