接口返回数据往空数组中push不重复的数组方法

oyxm____

于 2022-07-14 10:50:52 发布

阅读量752

点赞数

CC 4.0 BY-SA版权

文章标签：大数据

本文链接：https://blog.csdn.net/oyxm____/article/details/125779772

这个方法帮助小白同事实现了一个功能，通过创建一个空对象来避免数组中的重复元素。它使用filter方法结合对象属性，确保每个对象根据其name属性唯一，从而过滤掉重复的`infoList`条目。最终输出的`manList`数组只包含不重复的项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 arrPush() {
    this.infoList = [
        { name: "小明" },
        { name: "小明" },
        { name: "小明" },
        { name: "小孙" },
        { name: "小周" },
        { name: "小陈" }
      ];
      //这是你接口返回的数据

      //定义一个空对象是你要往数组中push的

      // this.manList =  this.infoList.reduce((cur, next) => {
      //   obj[next.name] ? "" : (obj[next.name] = true && cur.push(next));
      //   return cur;
      // }, []); //设置cur默认类型为数组，并且初始值为空的数组
        const obj = {};
        this.manList = this.infoList.filter((item) =>
          obj[item.name] ? "" : (obj[item.name] = true)
        );
      console.log(this.manList);
    }

帮小白同事写的一个方法