1. 利用双层for循环
let arr = [1,4,5,8,'hello',5,4,8,2,3,'hello']
let unique = (arr) =>{
// 前面一项
for( i=0;i<arr.length;i++){
// 后面一项
for( j=i+1;j<arr.length;j++){
if(arr[i]===arr[j]){
arr.splice(j,1); //删除重复元素,splice改变原数组直接返回arr
j--; //修正下标
}
}
}
return arr;
}
unique(arr)
console.log(arr);
2. 利用indexOf实现数组去重
2.1 遍历数组法
let unique = (arr) =>{
let newArr = []
for(i=0;i<arr.length;i++){
if(newArr.indexOf(arr[i])===-1){
newArr.push(arr[i])
}
}
return newArr // indexOf不改变原数组,创建一个新的数组去接收并且返回新数组
}
console.log(unique(arr));
利用了indexOf()方法(indexOf()方法如果查询到则返回查询到的第一个结果在数组中的索引,如果查询不到则返回-1)。
2.2数组下标判断法
let unique = (arr) =>{
let newArr = []
for(i=0;i<arr.length;i++){
if(arr.indexOf(arr[i])===i){
newArr.push(arr[i])
}
}
return newArr;
}
console.log(unique(arr))
直接看if这里,在遍历arr的过程中,如果在arr数组里面找当前的值,返回的索引等于当前的循环里面的i的话,那么证明这个值是第一次出现,所以推入到新数组里面,如果后面又遍历到了一个出现过的值,那也不会返回它的索引,indexof()方法只返回找到的第一个值的索引,所以重复的都会被pass掉,只出现一次的值都被存入新数组中,也达到了去重的目的。
3. 利用includes实现数组去重
let unique = (arr)=>{
let newArr = []
for(i=0;i<arr.length;i++){
if(!newArr.includes(arr[i])){
newArr.push(arr[i])
}
}
return newArr
}
console.log(unique(arr));
// Array.prototype.includes()
// 新数组里不包含arr中的元素时,将该元素添加到新数组newArr中
4. 使用filter实现数组去重
let unique = ()=>{
let result = arr.filter((item,index)=>{
return arr.indexOf(item)===index
})
return result
}
console.log(unique(arr));
// 过滤器
5. set 实现数组去重
var set = new Set(arr);
// 将set转换成数组
let [...a] = set;
console.log(a);
console.log(Array.from(set));