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

JavaScript014

JS数组去重的几种常见方法,第1张

js 数组去重

1

注:应该也可以适用于 object数组,但是本人没有进行验证,贴出来仅供你参考

第一种是比较常规的方法思路:1.构建一个新的数组存放结果2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比3.若结果数组中没有该元素,则存到结果数组中代码如下:

Array.prototype.unique1 = function(){ var res = [this[0]]for(var i = 1i <this.lengthi++){ var repeat = false for(var j = 0j <res.lengthj++){ if(this[i] == res[j]){repeat = true break } } if(!repeat){ res.push(this[i]) } } return res}var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]alert(arr.unique1())

第二种方法比上面的方法效率要高思路:1.先将原数组进行排序2.检查原数组中的第i个元素 与 结果数组中的最后一个元素是否相同,因为已经排序,所以重复元素会在相邻位置3.如果不相同,则将该元素存入结果数组中代码如下:

Array.prototype.unique2 = function(){ this.sort()//先排序 var res = [this[0]]for(var i = 1i <this.lengthi++){ if(this[i] !== res[res.length - 1]){ res.push(this[i]) } } return res}var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]alert(arr.unique2())

二种方法也会有一定的局限性,因为在去重前进行了排序,所以最后返回的去重结果也是排序后的。如果要求不改变数组的顺序去重,那这种方法便不可取了。第三种方法(推荐使用)思路:1.创建一个新的数组存放结果2.创建一个空对象3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。代码如下:

Array.prototype.unique3 = function(){ var res = []var json = {}for(var i = 0i <this.lengthi++){ if(!json[this[i]]){ res.push(this[i]) json[this[i]] = 1 } } return res}var arr = [112,112,34,'你好',112,112,34,'你好','str','str1']alert(arr.unique3())

function clear(arr) {

// 1 如何获取数组中每一个元素出现的次数

var o = {}// 1.1 记录数组中元素出现的次数

for (var i = 0i <arr.lengthi++) {

var item = arr[i]// 数组中的每一个元素

// o[item] = 1

// 1.2 判断o对象是否有当前遍历到的属性

if (o[item]) {

// 如果o[item] 存在,说明次数不为1

o[item]++

} else {

// 如果o[item] 不存在,说明是第一次出现

o[item] = 1

}

}

// console.log(o)

// 2 生成一个新的数组,存储不重复的元素

var newArray = []

// 2.1 遍历对象o中的所有属性

for (var key in o) {

// 2.2 判断o对象中当前属性的值是否为 1 如果为1 说明不重复直接放到新数组中

if (o[key] === 1) {

newArray.push(key)

} else {

// o对象中当前属性 次数不为1 ,说明有重复的,如果有重复的话,只存储一次

// 判断当前的newArray数组中是否已经有该元素

if (newArray.indexOf(key) === -1) {

newArray.push(key)

}

}

}

return newArray

}

var array = ['c', 'a', 'z', 'a', 'x', 'a']

var newArray = clear(array)

console.log(newArray)

1.es6有了Set,可以通过成员唯一性去重

2.使用数组对象的lastIndexOf()方法。

(关于lastIndexOf():( https://www.jianshu.com/p/d75886bc6c75 )

3.定义新数组,存入原数组第一个元素,再将原数组元素和新数组元素比较,不同的继续push到新数组。

4.splice()方法从数组中添加/删除重复值。

5.使用includes()方法{ps:可搭配foreach()方法||filter()方法}。

6.采用indexOf()获取索引查询去重

7.利用对象属性存在与否判断,这个方法没什么意思,但是也可行