资讯专栏INFORMATION COLUMN

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

doodlewind / 3061人阅读

摘要:前端芝士树如何完成数组的去重输入推荐方法其他方法利用实现数据的去重

【前端芝士树】如何完成数组的去重 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;
};

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99163.html

相关文章

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

    摘要:前端芝士树如何完成数组的扁平化问题描述输入一个嵌套型数组输出扁平化后的数组如果只是两层的数据如果是多层嵌套的数组 【前端芝士树】如何完成数组的扁平化 Array flattern? 问题描述 输入:一个嵌套型数组输出:扁平化后的数组 let array = [1, [2, 3, 4]]; let arrayDeeper = [1, [2, [3, 4]]]; 如果只是两层的数据 fun...

    2shou 评论0 收藏0
  • 构建二叉进行数值数组去重及优化

    摘要:构建二叉树进行数值数组的去重及优化常见两层循环实现数组去重构建二叉树实现去重仅适用于数值类型的数组将先前遍历过的元素,构建成二叉树,树中每个结点都满足左子结点的值当前结点的值右子结点的值这样优化了判断元素是否之前出现过的过程若元素比当前结点 构建二叉树进行数值数组的去重及优化 常见两层循环实现数组去重 let arr = [11, 12, 13, 9, 8, 7, 0, 1, 2, 2...

    sarva 评论0 收藏0
  • JavaScript专题之数组去重

    摘要:专题系列第三篇,讲解各种数组去重方法,并且跟着写一个前言数组去重方法老生常谈,既然是常谈,我也来谈谈。它类似于数组,但是成员的值都是唯一的,没有重复的值。 JavaScript 专题系列第三篇,讲解各种数组去重方法,并且跟着 underscore 写一个 unique API 前言 数组去重方法老生常谈,既然是常谈,我也来谈谈。 双层循环 也许我们首先想到的是使用 indexOf 来循...

    fsmStudy 评论0 收藏0
  • 温故js系列(7)-数组去重由慢到快由繁到简

    摘要:前端学习教程开发模块化规范化工程化优化工具调试值得关注的博客面试前端资源汇总欢迎提斧正数组去重数组去重由慢到快由繁到简演化去重写法,箭头函数为新写法。在去重过程中,原数组都是不变的。它类似于数组,但是成员的值都是唯一的,没有重复的值。 前端学习:教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总 欢迎提issues斧正:数组去重 JavaSc...

    mgckid 评论0 收藏0
  • javascript数组去重

    摘要:数组去重双层循环使用双层嵌套循环是最原始的方法用来存储结果如果是唯一的,那么执行完循环,等于外层循环内层循环当和相等时,跳出循环。否则说明元素唯一,这时成立,将此元素添加到中。它类似于数组,但是成员的值都是唯一的,没有重复的值。 JavaScript数组去重 双层循环 使用双层嵌套循环是最原始的方法: var array = [a,b,a]; function unique(arra...

    qylost 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<