js数组去重的方法可以利用数组排序,通过相邻元素比较,去除重复元素。
去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。
利用for嵌套for,然后splice去重(ES5中最常用)。双层循环,外层循环元素,内层循环时比较值。值相同时,则删去这个值。想快速学习更多常用的ES6语法,可以看一些相关的文章如《学习ES6笔记──工作中常用到的ES6语法》。
js数组去重的几种方法
利用数组排序,通过相邻元素比较,去除重复元素,可以严格匹配以区分数据类型。
借用对象属性方法,将数组中的元素添加为对象的属性。遍历数组元素的时候查询对象是否已经有该属性,如果有则不重复添加。
借用正则匹配的方法,将新数组转换为字符串。原数组中的每个元素与在字符串中查找,如果匹配到,则不添加。
使用js新特性的Map对象,使用键值对的方式修改第二种方法。或者利用Set对象,自动过滤掉重复项,而且可以判断数据类型。
JS判断一个数组中是否有重复值的三种方法
方法一:
//将数组转换成字符串,遍历数组,移除一个元素後若还能找到该元素,那么这个元素就是重复的var s = ary.join(",")+","
for(var i=0i<ary.lengthi++) {
if(s.replace(ary[i]+",","").indexOf(ary[i]+",")>-1) {
alert("数组中有重复元素:" + ary[i])
break
}
}
方法二:
//对数组进行排序,查上一个和下一个是否相等
var ary = new Array("111","22","33","111")var nary=ary.sort()
for(var i=0i<ary.lengthi++){
if (nary[i]==nary[i+1]){
alert("数组重复内容:"+nary[i])
}
}
方法三:
//以数组值为键,持续向一个对象里面加值,
//如果在加值之前就发现这个属性在对象中已经存在,那么他就是重复的
function isRepeat(arr){var hash = {}
for(var i in arr) {
if(hash[arr[i]])
return true
hash[arr[i]] = true
}
return false
}
以上是简单类型数据数组的重复校验方法,若数组的元素为对象,处理方式就需要变化一下,取关键属性作为依据
方法一无需思考,我们可以得到 O(n^2) 复杂度的解法。定义一个变量数组 res 保存结果,遍历需要去重的数组,如果该元素已经存在在 res 中了,则说明是重复的元素,如果没有,则放入 res 中。
function unique(a) {
var res = []
for (var i = 0, len = a.lengthi <leni++) {
var item = a[i]
for (var j = 0, jLen = res.lengthj <jLenj++) {
if (res[j] === item)
break
}
if (j === jLen)
res.push(item)
}
return res
}
var a = [1, 1, '1', '2', 1]
var ans = unique(a)
console.log(ans)// =>[1, "1", "2"]
代码非常简单,那么是否能更简洁些?如果不考虑浏览器兼容,我们可以用 ES5 提供的 Array.prototype.indexOf 方法来简化代码。
function unique(a) {
var res = []
for (var i = 0, len = a.lengthi <leni++) {
var item = a[i]
(res.indexOf(item) === -1) &&res.push(item)
}
return res
}
var a = [1, 1, '1', '2', 1]
var ans = unique(a)
console.log(ans)// =>[1, "1", "2"]
既然用了 indexOf,那么不妨再加上 filter。
function unique(a) {
var res = a.filter(function(item, index, array) {
return array.indexOf(item) === index
})
return res
}
var a = [1, 1, '1', '2', 1]
var ans = unique(a)
console.log(ans)// =>[1, "1", "2"]