今天给大家带来的是数组的去重

在面试的过程中这个问题是必问的内容

但是在实际的开发中已经不用手写了,只需要调一下方法就可以

那么为什么今天还要来说

主要也是为了面试,其实是对知识的回顾

废话不多说,进入正题吧

第一种数组去重的方法:这种方法是先拿出一个数组的值与其前面的那个值做比较,如果前面有这个值就删掉,如果没有则进行下一个的循环,这种写法可以实现数组的遍历,但是要写两个循环,就性能上来说肯定是很低

结果是:

b7a9949cc782ee1e92814faaf785afea.png

第二种数组去重的方法:这种方法的实现是第一种的实现机制,只不过在查找的时候是没取出一个,分别与其后面的每一项进行查找

结果是:

b4040587ddaf494ad93a52bc1e759911.png

第五种数组去重的方法;这里使用了箭头函数的概念,传入的参数第一个是数组的每一项,第二个参数是数组的索引值,其实就是判断传入的值用Indexof判断之后是否等于数组的索引值,归根到底就是借用了indexof()方法在传入一个参数的时候不管有多少个值只返回第一个的值的原理

结果是:

354f01161162dfb4e8fd84d8834b2b86.png

第六种数组去重的方法:这里利用的是对象的属性不能重复的原理,每遍历一个给他设置一个true的值,这个值就只能出现一次

结果是:

53bdcd44d1cee0d96f273fbab13f3261.png

第七种数组去重的方法:前面的几种都是ES5或者是ES3中的方法,后面的这几种是ES6中的方法,借助set方法实现

结果是:

90f7e57ac9031f0e799a6b0cc2aec3c3.png

最后一种数组的去重方法:同样也是借助set方法,这种方法是这几种方法里面最简单的一种了,只需要一行代码就可以搞定,但是必须得是你的浏览器支持ES6

结果是:

3f95e07a34b673816c4a8fde79c94255.png

以上是数组的八种去重的方法,每一个都有他的优点,不知道平时你用的是哪一种,或者你更喜欢用哪一种,可能数组去重还会有其他的方法,但是那些方法都是围绕这些写的,本质上没有很大的区别

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐