js数组对象去重方案

最新推荐文章于 2023-09-25 17:29:58 发布

浮生666

最新推荐文章于 2023-09-25 17:29:58 发布

阅读量175

点赞数

文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/qq_43069664/article/details/130747802

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    let arr = [
        {
            id:1,
            name:'小明'
        },
        {
            id:2,
            name:'小芳'
        },
        {
            id:1,
            name:'小明'
        },
        {
            id:5,
            name:'小李'
        },
        {
            id:3,
            name:'小刚'
        },
    ]
    let newArr = []
    arr.forEach(item => {
        // 判断新数组中是否可以找到原数组中的对象，不能找到说明是第一次出现就push，找到了就不做处理，实现去重
        if (!newArr.find((item1)=>item1.id==item.id && item1.name==item.name)) {
            newArr.push(item)
        }
    });
  console.log(newArr);
</script>
</html>