办法一
利用双层 for 循环,前一个循环前一项,后一个循环后一项,两两比对,如果发现反复的就用 splice() 属性,把反复的元素从数组 arr 中删除
let arr = [2,5,1,5,3,2,'hello','1',4]
let unique = (arr) =>{
// 第一层 for 循环 循环数组前一项
for(i = 0;i < arr.length;i++){
// 第二层 for 循环 循环数组后一项
for(j = i+1;j < arr.length;j++){if(arr[i] === arr[j]){//splice(index,howmany) j 是索引值 1 是要删除的个数
arr.splice(j,1);
// 每删除一个元素,数组长度相应减一
j--;
}
}
}
return arr
}
console.log(unique(arr)); //[2, 5, 1, 3, 'hello', '1', 4]
办法二
要先申明一个新数组,利用 indexOf,找到反复的元素则返回索引值,找不到返回 -1,并 push 进新数组里
let arr = [2,5,1,5,3,2,'hello','1',4]
let unique1 = (arr) =>{
// 申明一个新数组
let newArr = [];
for(i = 0;i< arr.length;i++){
// 等于 - 1 则示意新数组里不存在该元素 符合条件 将该元素放入新数组
if(newArr.indexOf(arr[i]) === -1){newArr.push(arr[i])
}
}
return newArr
}
console.log(unique1(arr)); //[2, 5, 1, 3, 'hello', '1', 4]
办法三
利用 ES6 中的 includes 属性
在 ES6 中,Array.prototype.includes();
includes 是否蕴含某个元素,返回 true/false
// 数组去重 第三种办法
let arr = [2,5,1,5,3,2,'hello','1',4]
let unique2 = (arr) =>{
// 申明一个新数组
let newArr = [];
for(i = 0;i< arr.length;i++){
// 如果新数组 newArr 不蕴含该元素,则符合条件 放入新数组
if(!newArr.includes(arr[i])){newArr.push(arr[i])
}
}
return newArr
}
console.log(unique2(arr)); //[2, 5, 1, 3, 'hello', '1', 4]
办法四
在 ES6 中,Set 相似于数组,然而成员的值都是惟一的,没有反复的值。Set 自身是一个构造函数,用来生成 Set 数据结构展。Set 构造函数能够承受一个数组(或者具备 iterable 接口的其余数据结构)作为参数,用来初始化
// 数组去重的第四种办法
let set = new Set(arr)
let [...a] = set // 数组解构的办法
console.log(set); //Set(7) {2, 5, 1, 3, 'hello', '1', 4}
console.log(a); //[2, 5, 1, 3, 'hello', '1', 4]