数组对象去重

蔚落 2022-01-19 21:05 260阅读 0赞

#### 数组对象去重 ####

*  方法1：利用对象访问属性的方法，判断对象中是否存在key、value

const arr = [
        {
            key: "1",
            value: "西瓜"
        },
        {
            key: "1",
            value: "苹果"
        },
        {
            key: "3",
            value: "桃子"
        }
    ];
    const list = [
        {
            key: "1",
            value: "哈密瓜"
        },
        {
            key: "2",
            value: "黄瓜"
        },
        {
            key: "3",
            value: "黄瓜"
        }
    ];
    
    
    function  unique (obj1,obj2,targe) {
        const data = []; // 创建一个新数组
        const obj = {}; // 创建一个新对象
        const list = obj1.concat(obj2);
        for (let i=0; i< list.length; i++) {
            if (!obj[list[i][targe]]) { // 判断对象不存在key、value
                data.push(list[i]);
                obj[list[i][targe]] = true;
            }
        }
        return data;
    }        
    console.log( unique(arr, list, "value"));
    复制代码

*  方法2：利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值

const arr = [
        {
            key: "1",
            value: "西瓜"
        },
        {
            key: "1",
            value: "苹果"
        },
        {
            key: "3",
            value: "桃子"
        }
    ];
    const list = [
        {
            key: "1",
            value: "哈密瓜"
        },
        {
            key: "2",
            value: "黄瓜"
        },
        {
            key: "3",
            value: "黄瓜"
        }
    ];
    
    
    
    
    function  unique (obj1,obj2,targe) {
        const obj = {}; // 创建一个新对象
        const list = obj1.concat(obj2);
        const data = list.reduce(function(item,next) {
            if (!obj[next[targe]]) {
                item.push(next)
                obj[next[targe]] = true;
            }
            return item;
        }, []);
        return data;
    }        
    console.log(unique(arr, list, "value"));
    复制代码

*  方法3：利用Map的特性去重

const arr = [
        {
            key: "1",
            value: "西瓜"
        },
        {
            key: "1",
            value: "苹果"
        },
        {
            key: "3",
            value: "桃子"
        }
    ];
    const list = [
        {
            key: "1",
            value: "哈密瓜"
        },
        {
            key: "2",
            value: "黄瓜"
        },
        {
            key: "3",
            value: "黄瓜"
        }
    ];
    
    
     function unique(obj1,obj2,targe) {
        const data = [...obj1, ...obj2];
        const res = new Map();
        return data.filter((value) => {
           return !res.has(value[targe]) && res.set(value[targe], 1)
        } )
    }          
    console.log(unique(arr, list, "value"));
    复制代码

发表评论取消回复

表情：

评论列表（有 0 条评论，260人围观）

还没有评论，来说两句吧...

相关阅读

相关对象数组去重

let objArr = [ { 'msg':'ABC' }, {

短命女/ 2022年12月10日 07:18/ 0 赞/ 147 阅读

相关数组去重，json数组去重

1.借助json对象对数组进行去重，并计算重复的次数 Array.prototype.unique = function (){ var key =

浅浅的花香味﹌/ 2022年06月13日 03:40/ 0 赞/ 320 阅读

相关 javascript普通数组去重和数组对象去重

简单的js数组去重 var test1 = [1,2,3,4,1,2,'mama']; Array.prototype.unique1 = function(

迈不过友情╰/ 2022年06月10日 03:30/ 0 赞/ 238 阅读

相关数组/对象去重

var arr=[1, 2, 3, 1, 3, '是是', '是是', '2', '测试', '服务', '测试', NaN, NaN, '服务', '服务'];

谁借莪１个温暖的怀抱￠/ 2022年05月20日 09:17/ 0 赞/ 186 阅读

相关 JQuery(五) 对象数组去重

描述 var arr = [{ id: 1, name: 'Zane' },{ id: 1, nam

╰+哭是因爲堅強的太久メ/ 2022年05月16日 15:54/ 0 赞/ 458 阅读

相关数组对象去重

数组对象去重方法1：利用对象访问属性的方法，判断对象中是否存在key、value const arr = [ {

蔚落/ 2022年01月19日 21:05/ 0 赞/ 261 阅读

相关 js 对象数组去重

var arr = [{ "name": "ZYTX", "age": "Y13xG_4wQnOWK1QwJLgg11d0pS4hewe

ゞ浴缸里的玫瑰/ 2021年12月18日 05:47/ 0 赞/ 294 阅读

相关 vue对象数组去重合并

需求分析对象数组合并去重有两个对象数组如： \` var array1=\[ \{ no: 4, station\_name: “兴发路4”,

小灰灰/ 2021年12月04日 00:19/ 0 赞/ 1219 阅读

相关 js对象转数组并去重 js对数组去重

js对象转数组 function toArray(){ var data = { a:1,b:2,c:3,d:4,e:1,f:4}; var a

小咪咪/ 2021年10月23日 13:26/ 0 赞/ 399 阅读

相关数组或者对象去重

var arr = [] for (let item of data) {//data是获取的json数据 arr.

墨蓝/ 2021年09月14日 17:18/ 0 赞/ 356 阅读