数组去重有很多方法,这里总结了我比较喜欢用的几种方法:
第一种:使用对象去重1
特点:使用两次循环,将前一个项与后一项比较,再用splice删除重复的值
let ary = [1, 2, 1, 4, 6, 4, 6];
let obj = {};
for (let i = 0; i < ary.length; i++) {
let item = ary[i];
for (let j = i + 1; j < ary.length; j++) {
if (item === ary[j]) {
ary.splice(j, 1);//会使数组塌陷
j--;
}
}
obj[item] = item;
}
console.log(ary);
第二种:使用对象去重2
特点:只循环一次,判断对象中是否包含这个值,然后再删除
let obj = {};
for (let i = 0; i < ary.length; i++) {
let item = ary[i];
if (obj[item] !== undefined) {
ary.splice(i, 1);
i--;
continue;
}
obj[item] = item;
}
console.log(ary);
第三种:使用forEach&includes
特点:
- 对IE低版本兼容性不好,使用一个额外的空数组
- 判断新数组中是否存在这个值,不存在则使用push添加到新数组
let ary1 = [];
ary.forEach(item => {
if (ary1.includes(item)) return;
ary1.push(item);
})
console.log(ary1);
第四种:使用filter&indexOf
特点:
- 对IE低版本兼容性不好,使用一个额外的空数组
- 用filter对数组筛选,只返回值第一次出现位置的值
let ary2 = ary.filter((item, index, array) => {
return array.indexOf(item) === index;
})
console.log(ary2);
第五种:使用Set
let se = new Set(ary);
console.log([...se]);
第六种:使用对象&不使用splice
特点:
- j兼容IE低版本
- 不会有数组塌陷问题
function unique(ary) {
let obj = {};
for (let i = 0; i < ary.length; i++) {
let item = ary[i];
if (obj[item] !== undefined) {
ary[i] = ary[ary.length - 1];
ary.length--;
i--;
continue;
}
obj[item] = item;
}
return ary;
}