JS 对象数组去重/取重复值

演员新之助

已于 2023-05-26 16:32:11 修改

阅读量245

点赞数

分类专栏： js 文章标签： javascript

于 2023-05-19 14:41:08 首次发布

本文链接：https://blog.csdn.net/weixin_40400369/article/details/130766249

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

去重

const removeFlag = {};

const removeRes = arr.reduce((pre, cur) => {
    if (!removeFlag[cur.id]) {
        pre.push(cur);
        removeFlag[cur.id] = true;
    }

    return pre;
}, []);

2023/5/26 16:23
突然意识到如果cur.id是Number的话，变成flag的key就会自动转成string。是个需要优化的地方。

找到了另一种方式，来源

const remove1 = (arr, key) => {
  return arr.filter((v, i, self) => {
    return self.findIndex(el => el[key] === v[key]) === i;
  })
};

取重复值

const repeatFlag = {};

const repeatRes = arr.reduce((pre, cur) => {
    if (!repeatFlag[cur.id]) {
        const temp = arr.filter((v) => v.id === cur.id);

        if (temp.length > 1) {
            repeatFlag[cur.id] = true;
            return pre.concat(temp);
        }
    }

    return pre;
}, []);

但不太清楚这种方法会不会存在性能问题。
尝试了一下100w条数据大概花了86ms。

input

const arr = [
    {
        id: '001x',
        name: 'ymz'
    },
    {
        id: '001y',
        name: 'ymzz'
    },
    {
        id: '001x',
        name: 'ymzzzzxs'
    },
    {
        id: '001xzz',
        name: 'ymz'
    },
    {
        id: '001y',
        name: 'ymzll'
    },
    {
        id: '001xzzz',
        name: 'ymz'
    },
];