方法一：最简单数组去重法
/*
* 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中
* IE8以下不支持数组的indexOf方法
* */
function uniq1(array){
var temp = []; //一个新的临时数组
for(var i = 0; i < array.length; i++){
if(temp.indexOf(array[i]) == -1){
temp.push(array[i]);
}
}
return temp;
}
var arr1 = [1,2,2,4,9,6,7,5,2,3,5,6,5];
uniq1(arr1)
方法二：对象键值法去重
/*
* 速度最快， 占空间最多（空间换时间）
*
* 该方法执行的速度比其他任何方法都快， 就是占用的内存大一些。
* 现思路：新建一js对象以及新数组，遍历传入数组时，判断值是否为js对象的键，
* 不是的话给对象新增该键并放入新数组。
* 注意点：判断是否为js对象键时，会自动对传入的键执行“toString()”，
* 不同的键可能会被误认为一样，例如n[val]-- n[1]、n["1"]；
* 解决上述问题还是得调用“indexOf”。*/
function uniq2(array){
var temp = {}, r = [], len = array.length, val, type;
for (var i = 0; i < len; i++) {
val = array[i];
type = typeof val;
if (!temp[val]) { // 如果对象中不存在该属性，就把值存进去
temp[val] = [type];
r.push(val);
} else if (temp[val].indexOf(type) < 0) { // 可以区分类型,注意temp[val]也是数组
temp[val].push(type);
r.push(val);
}
}
return r;
}
var arr2 = [1,2,"2",4,9,"a","a",2,3,5,6,5];
uniq2(arr2)
方法三：排序后相邻去除法
/*
*
* 还是得调用“indexOf”性能跟方法1差不多，
* 实现思路：如果当前数组的第i项在当前数组中第一次出现的位置不是i，
* 那么表示第i项是重复的，忽略掉。否则存入结果数组。
* */
function uniq3(array){
var temp = [];
for(var i = 0; i < array.length; i++) {
//如果当前数组的第i项在当前数组中第一次出现的位置是i，才存入数组；否则代表是重复的
if(array.indexOf(array[i]) == i){
temp.push(array[i])
}
}
console.log('temp:',temp)
return temp;
}
var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];
uniq3(aa)
方法四： reduce方法
function uniq4(array){
let temp = array.reduce((temp,currenItem,currenIndex) => {
if(array.indexOf(currenItem) == currenIndex) {
temp.push(currenItem)
}
return temp
},[])
return temp
}
var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];
uniq4(aa)
方法五：reduce和find的结合
let testArr4 = [
{name:'李白',age:300},
{name:'李大娘',age:100},
{name:'李大娘',age:100},
{name:'李白',age:300},
{name:'杜甫',age:400},
{name:'李大爷',age:250}
]
function unRepeat(data) {
return data.reduce((pre,nextValue) => {
let temp = pre.find((v) => {
return JSON.stringify(nextValue) === JSON.stringify(v)
})
console.log('temp==',temp)
if (!temp) pre.push(nextValue)
return pre
},[])
}
unRepeat(testArr4)
方法六：优化遍历数组法
// 思路：获取没重复的最右一值放入新数组
/*
* 推荐的方法
*
* 方法的实现代码相当酷炫，
* 实现思路：获取没重复的最右一值放入新数组。
* （检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断）*/
function uniq4(array){
var temp = [];
var index = [];
var len = array.length;
for(var i = 0; i < len; i++) {
for(var j = i + 1; j < len; j++){
if (array[i] === array[j]){
i++;
j = i;
}
}
temp.push(array[i]);
index.push(i);
}
return temp;
}
var aa = [1,2,2,2,2,3,5,3,6,5];
uniq4(aa)
方法七：Set方式去重
const removeDuplicateItems = arr => [...new Set(arr)];
removeDuplicateItems([42, 'foo', 42, 'foo', true, true]) // => [42, "foo", true]
let arr = [1,2,2,2,2,3,5,3,6,5];
arr = Array.from(new Set(arr)) // [ 1, 2, 3, 5, 6 ]
把数组的每一项对象变成字符串去比较，代码如下：
let testArr4 = [
{name:'李白',age:300},
{name:'李大娘',age:100},
{name:'李大娘',age:100},
{name:'李白',age:300},
{name:'李白',age:400},
{name:'杜甫',age:400},
{name:'李大爷',age:250}
]
function unRepeat(data) {
let temp_data = data.map(item => {
return JSON.stringify(item)
})
let result = [... new Set(temp_data)].reduce((pre,item) => {
pre.push(JSON.parse(item))
return pre
},[])
console.log(result)
return result
}
unRepeat(testArr4)
//0: {name: "李白", age: 300}
//1: {name: "李大娘", age: 100}
//2: {name: "李白", age: 400}
//3: {name: "杜甫", age: 400}
//4: {name: "李大爷", age: 250
方法八：splice，影响原数组
let testArr5 = [1,1,1,3,3,4,2,3,2,1,2,7,5]
function spliceFn (arr) {
for(let i = 0; i< arr.length;i++) {
for(let j = 0;j<i;j++) {
if (arr[i] == arr[j]) {
arr.splice(i,1)
i--
break
}
}
}
console.log(arr)
return arr
}
spliceFn(testArr5)
/*
[ 1, 3, 4, 2, 7, 5 ]
*/
方法九：Map数组去重
let testArr4 = [ {name:'李白',age:300}, {name:'李大娘',age:100}, {name:'李大娘',age:100}, {name:'李白',age:300}, {name:'李白',age:400}, {name:'杜甫',age:400}, {name:'李大爷',age:250}]
function unRepeat(data) {
let map = new Map()
data.map(item => {
let keyStr = JSON.stringify(item)
if (!map.has(keyStr)) {
map.set(keyStr,item)
}
})
console.log([...map.values()])
return [...map.values()];
}
unRepeat(testArr4)
// 0: {name: "李白", age: 300}
//1: {name: "李大娘", age: 100}
//2: {name: "李白", age: 400}
//3: {name: "杜甫", age: 400}
//4: {name: "李大爷", age: 250}
