专栏首页一只想做全栈的猫【前端芝士树】如何完成数组的去重 Array Unique?

【前端芝士树】如何完成数组的去重 Array Unique?

【前端芝士树】如何完成数组的去重 Array Unique?

输入

const users = [{
  id: 1, name: "a"
}, {
  id: 2, name: "a"
}, {
  id: 3, name: "b"
}, {
  id: 4, name: "v"
}];

推荐方法

Array.prototype.unique = function () {
  let arr = this.map((item) => {return item.name });
  return Array.from(new Set(arr));};

其他方法

1. 利用obj实现数据的去重

Array.prototype.unique2 = function () {
  let obj = {};
  let arr = [];
  this.forEach((item) => {
    if(!obj[item.name]){
      obj[item.name] = true;
    }
  });
  for(let key in obj){
    arr.push(key);
  }
  return arr;
};

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【Angular6+】事件绑定

    添加如下 onSelect() 方法,它会把模板中被点击的英雄赋值给组件的 selectedHero 属性。

    CloudCat
  • 【前端芝士树】如何完成数组的扁平化 Array flattern?

    CloudCat
  • 【前端芝士树】模拟虚拟DOM挂载

    CloudCat
  • 【GPLT】L2-019 悄悄关注

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    喜欢ctrl的cxk
  • 想学FM系列(16)-SAP FM模块:预算结构(7)-预算结构操作-多层预算结构维护

    3.2.2.3 多层预算结构的维护 ? 1)FMHIE_HIEID- 编辑层次结构标识 功能为多层预算结构备用树定义一相标识ID,并定义相关属性,为之后生成备...

    SAP最佳业务实践
  • 每日5分钟安全快讯

    2. 微软发布Windows Defender扩展 为Chrome用户提供上网安全

    用户1631416
  • Flutter升级到预览版

    不管你怎么更新,就是更新不了,网速好又怎样?电脑配置高又怎样?这个bug还不是搞得你怎样都更新不了!

    rhyme_lph
  • C语言中处理结构体的原理

    汇编中有几种寻址方式,分别是直接寻址:(ds:[idata])、寄存器间接寻址(ds:[bx])、寄存器相对寻址(ds:[bx + idata]、ds:[bx ...

    Masimaro
  • 强化学习初探 - 从多臂老虎机问题说起

    ▌背景和问题定义 ---- ---- 2018年我开始了机器学习相关领域的博士生涯,相比于目前流行的深度学习以及类似的需要大量训练数据来生成模型的监督学习方法,...

    WZEARW
  • 19年你应该关注这50款前端热门工具(上)

    19年,又是新的一年,“前端届”,又出了哪些新的“玩意”?今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具,希望在新的一年里,对你有所帮助。

    前端达人

扫码关注云+社区

领取腾讯云代金券