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%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
技术是没有终点的,也是学不完的,最重要的是活着、不秃。零基础入门的时候看书还是看视频,我觉得成年人,何必做选择题呢,两个都要。喜欢看书就看书,喜欢看视频就看视频。最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。
技术学到手后,就要开始准备面试了,找工作的时候一定要好好准备简历,毕竟简历是找工作的敲门砖,还有就是要多做面试题,复习巩固。有需要面试题资料的朋友点击这里可以领取。
看书,喜欢看视频就看视频。最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。
技术学到手后,就要开始准备面试了,找工作的时候一定要好好准备简历,毕竟简历是找工作的敲门砖,还有就是要多做面试题,复习巩固。有需要面试题资料的朋友点击这里可以领取。
[外链图片转存中…(img-yIdwjPkR-1713342715331)]