js数组去重几种思路

在一些后台语言中都内置了一些方法来处理数组或集合中重复的数据。但是js中并没有类似的方法,网上已经有一些方法,但是不够详细。部分代码来源于网络。个人总计如下:大致有4种思路

1)使用两次循环比较原始的写法
易理解效率相对不高

 1 Array.prototype.unique1 = function () {
 2     var res = [this[0]] //结果数组
 3     for (var i = 1; i < this.length; i++) {
 4         var repeat = false;
 5         for (var j = 0; j < res.length; j++) {
 6             if (res[j] == res[i]) {
 7                 repeat = true
 8                 break
 9             }
10         }
11         if (!repeat) {
12             //不重复push 结果数组
13             res.push(this[i])
14         }
15     }
16     return res
17 }

2)先排序 后对比相邻位置是否相等,若等于push到结果数组

 1 Array.prototype.unique2 = function () {
 2     this.sort();
 3     var res = [this[0]];
 4     for (var i = 1; i < this.length; i++) {
 5         if (this[i] !== res[res.length - 1]) {
 6             res.push(this[i]);
 7         }
 8     }
 9     return res;
10 }

3)使用 indexOf 来判断该元素是否存在 indexOf由于还会遍历一次,so,不推荐
 indexof:
  a某个指定的字符串值在字符串中首次出现的位置。
  b检索的字符串值没有出现,则该方法返回 -1。

 1 //1)
 2 Array.prototype.unique3 = function () {
 3     var res = [this[0]] //结果数组
 4     for (var i = 1; i < this.length; i++) {
 5         if (res.indexOf(this[i]) == -1) n.push(this[i]);
 6     }
 7     return res
 8 }
 9 //2)
10 Array.prototype.unique4 = function () {
11     var res = [this[0]]
12     for (var i = 1; i < this.length; i++)
13         if (this.indexOf(this[i]) == i) n.push(this[i])
14 }
15 return res
16 }

4)使用对象 同过属性来检测 效换率高,但相对占内存高(空间换时间)推荐使用

 1 Array.prototype.unique5 = function () {
 2     var obj = {}
 3     var res = []
 4     for (var i = 0; i < this.length; i++)
 5         if (!obj[this[i]]) {
 6             res.push(this[i])
 7             obj[this] = 1
 8         }
 9 }
10 return res
11 }

如有好的方法欢迎补充

时间: 2024-10-08 22:02:34

js数组去重几种思路的相关文章

JS数组去重的几种常见方法

JS数组去重的几种常见方法 一.简单的去重方法 // 最简单数组去重法 /* * 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ function uniq(array){ var temp = []; //一个新的临时数组 for(var i = 0; i < array.length; i++){ if(temp.indexOf(array[i]) == -1){ temp.push(array[i]); } } ret

js数组去重的4种方法

js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.indexOf = Array.prototype.indexOf || function(item) { for (var i = 0, j = this.length; i < j; i++) { if (this[i] === item) { return i; } } return -1; } Ar

js 数组去重(数组元素是对象的情况)

js数组去重有经典的 几种方法 但当数组元素是对象时,就不能简单地比较了,需要以某种方式遍历各值再判断是否已出现. 因为: 1.如果是哈希判断法,对象作哈希表的下标,就会自动转换成字符型类型,从而导致所有元素都相等,这时判断方法不再有意义.一般最后数组就只剩一个 2.如果是直接比较法,则因为对象在内存中是按引用访问的,属性值相同的对象也不会相等,简单的直接判断不再有意义.一般最后数组还是原样 所以就需要进行值的比较 当然了,也可以换着法来将相应对象转为字符串(不是默认的那种[object Obj

JS数组去重比较

数组去重复是一个常见的需求,我们暂时考虑同类型的数组去重复.主要是理清思路和考虑执行性能. for循环删除后面重复的 var uniqueFor = function(arr) { for (var i = 0; i < arr.length - 1; i++) { var item = arr[i]; for(var j = i+1; j < arr.length; j++ ) { item === arr[j] && (arr.splice(j, 1), j--); } }

js 数组去重的方法总结

想沉淀一下自己.代码改变世界~~~ 1.利用Array.from代码如下 1 var arr = [1,2,3,4,3,2,1] 2 function unique(arr){ 3 return Array.from(new Set(arr)) 4 } 5 console.log(unique(arr)) 2.利用es6(...)拓展运算符.demo 1 var arr = [1,2,3,4,3,2,1] 2 function unique(arr){ 3 return [...new Set(

js数组去重常用方法

js数组去重是面试中经常会碰到的问题,无论是前端还是node.js数组常见的有两种形式,一种是数组各元素均为基本数据类型,常见的为数组字符串格式,形如['a','b','c'];一种是数组各元素不定,元素中既有基本数据类型,也有引用数据类型,形式如[{name:1,age:2}];这里介绍两种常见的js去重方式. 方法一:针对数组字符串形式(利用set) let arr = [1,2,3,4,5,4,3,2,1]; let set = new Set(); arr.forEach((item)=

JS数组去重,js中数组(Array)的排序(sort)

JS数组去重 var ddd = [1,2,4,5,2, 222,1,5,6]; var uq = {}; var rq = []; for(var i=0; i<9; i++){ if(!uq[ddd[i]]){ uq[ddd[i]] = true; rq.push(ddd[i]); } } return rq; js中数组(Array)的排序(sort)注意事项 var arrDemo = new Array(); arrDemo[0] = 10; arrDemo[1] = 50; arrD

js数组去重的两种方法

数组去重这种问题经常会遇到,解决方法也有很多,这里就总结两种比较常用的方法. 方法一 第一种方法的思路:遍历数组里的元素,由第一个元素开始依次按照顺序与其后面的元素相比较,如果不同则不用管,相同则把其后所被比较的元素去除.这样所有元素循环一遍,数组中重复的元素就能全部去除. 代码: <script> var arr = [1, 5, 7, 6, 3, 2, 5, 4, 6, 9, 5, 1, 2, 3, 5, 4, 8, 9, 5, 4, 5, 0];     for (var i = 0;

js数组去重的5种算法实现

1.遍历数组法最简单的去重方法,实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中:注意点:判断值是否在数组的方法"indexOf"是ECMAScript5 方法,IE8以下不支持,需多写一些兼容低版本浏览器代码,源码如下: ? 1 2 3 4 5 6 7 8 9 10 11 // 最简单数组去重法 function unique1(array){ var n = []; //一个新的临时数组 //遍历当前数组 for(var i = 0; i < array.l