数组去重方法整理

最新推荐文章于 2024-05-03 11:47:20 发布

weixin_43437425

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量565

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_43437425/article/details/122881942

版权

js中的函数去重个人觉得还是非常的重要，前端工作中经常用到，现整理一些案例，归纳总结，希望自己以后用起来更得心应手。

数组对象去重


```typescript
   var arrobj1 = [
            { id: 1, name: "tom" },
            { id: 2, name: "tom2" },
            { id: 3, name: "tom3" },
            { id: 4, name: "tom4" },
        ]
        var arrobj2 = [
            { id: 1, name: "tom" },
            { id: 2, name: "tom2" },
            { id: 5, name: "tom5" },
            { id: 6, name: "tom6" },
        ]
        var arrobj = [];
        arrobj1.forEach(item => {
            var flag = arrobj2.find(n => n.id === item.id);
            if (flag) {
                arrobj.push(flag);
            }
            console.log(arrobj, "arrobj");// [  { id: 1, name: "tom" }, { id: 2, name: "tom2" }]
        })

普通去重

 /***************** 1.indexOf去重********************************************/
        var arr = [];
        for (let i = 0; i < arr1.length; i++) {
            if (arr2.indexOf(arr1[i].id) === -1) {
                arr.push(arr1[i]);
            }
        }
        console.log(arr, "arr"); //    [{ id: 4, name: "tom4" }]
        /****************************2.set去重:去除自身的重复元素****************************************/
        var setarr = Array.from(new Set(arr4));
        console.log(setarr, "setarr");