var user = [
{ age: 20, name: “John” },
{ age: 31, name: “Mary” },
{ age: 20, name: “John” }
];
var uniq_user = _.uniq(user,false,function(item){
return item.name && item.age;
});
console.log(uniq_user);
// [{age: 20, name: “John”},{age: 31, name: “Mary”}]
console.log(uniq_user.length); // 2
因为数组的第一个元素和第三个元素相同,结果是2,符合预期。
如果我们将函数的第二个参数改为 true 呢,再来看看结果:
var user = [
{ age: 20, name: “John” },
{ age: 31, name: “Mary” },
{ age: 20, name: “John” }
];
var uniq_user = _.uniq(user,true,function(item){
return item.name && item.age;
});
console.log(uniq_user.length); // 2
结果还是2。因为有一个重复的元素,所以我们去重后,还剩2个不重复的元素
那么第二个参数 true 和 false 有什么区别呢?
我们来看 API :
_.uniq(array, [isSorted], [iteratee]) Alias: unique
Produces a duplicate-free version of the array, using === to test object equality. In particular only the first occurence of each value is kept. If you know in advance that the array is sorted, passing true for isSorted will run a much faster algorithm. If you want to compute unique items based on a transformation, pass an iteratee function.
第二个参数:[isSorted]
解读:如果你能确保你的数组是排序过的,那么这个地方可以用 true(_.uniq
函数将运行更快的算法)。如果你的数组没有排序过,这个地方用 false,那么 _.uniq
就知道你这是没排过序的,所以在去重之前会进行排序(虽然这样性能会下降)。但是如果你没排序的数组强行要说排序过了,然后用 true ,造成的可能错误结果由你自己负责哦。
好啦好啦(o)/我相信对于第二个参数 [isSorted] 你一定很了解了。
那么我们再来看另外一种情况吧:
【第一个和第三个 age 相同,name 不同】
var user = [
{ age: 20, name: “John” },
{ age: 31, name: “Mary” },
{ age: 20, name: “Kevin” }
];
var uniq_user = _.uniq(user);
console.log(uniq_user.length); // 3
结果是3。没毛病,因为第一个跟第三个并不相同。
如果,我们希望是以 age
做为唯一值来进行去重呢。
var user = [
{ age: 20, name: “John” },
{ age: 31, name: “Mary” },
{ age: 20, name: “Kevin” }
];
var uniq_user = _.uniq(user,false,function(item){
return item.age
});
console.log(uniq_user);
// [{age: 20, name: “John”},{age: 31, name: “Mary”}]
console.log(uniq_user.length); // 2
结果是2。没毛病,第三个元素,因为 age 与第一个相同,被去掉了。
【结论:默认情况下,我们是认为元素完全相同就去掉。所以使用 _.uniq(arr)
就够了,如果你的数组排序过了,你希望去重速度快一点,可以使用第二个参数 true
表明你的数组是排序过的。如果你希望去重依据是对象的某个元素的话,可以使用第三个参数,传入一个函数。】
OK,好啦。关于 _.uniq
的解读差不多就这么多啦(≧▽≦)/
下面是
彩蛋
但如果两个对象,需求是: age 相同就认为是一个对象,这个时候应该是这样写:
var user = [
{ age: 20, name: “John” },
{ age: 31, name: “Mary” },
{ age: 20, name: “Kevin” }
];
var uniq_user = _.uniq(user,false,function(item){
return item.age;
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/3be256a800996b49463d3ecf95331839.jpeg)
核心竞争力,怎么才能提高呢?
成年人想要改变生活,逆转状态?那就开始学习吧~
万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。
为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。
前端面试题汇总
JavaScript
性能
linux
前端资料汇总
完整版PDF资料免费分享,只需你点赞支持,动动手指点击此处就可领取了。
前端工程师岗位缺口一直很大,符合岗位要求的人越来越少,所以学习前端的小伙伴要注意了,一定要把技能学到扎实,做有含金量的项目,这样在找工作的时候无论遇到什么情况,问题都不会大。
c6cb49916ef.png)
前端资料汇总
完整版PDF资料免费分享,只需你点赞支持,动动手指点击此处就可领取了。
前端工程师岗位缺口一直很大,符合岗位要求的人越来越少,所以学习前端的小伙伴要注意了,一定要把技能学到扎实,做有含金量的项目,这样在找工作的时候无论遇到什么情况,问题都不会大。