情形一：数组本身去重
//数组本身去重
function unique(array) {
for (let i = 0; i < array.length; i++) {
for (let j = i + 1; j < array.length; j++) {
if (array[i] === array[j]) {
array.splice(j, 1);
j--
}
}
}
}
let array = [1, 5, 2, 3, 6, 3, 2];
unique(array);
console.log('unique', array);//[1, 5, 2, 3, 6]
情形二：数组本身不去重
1、Set方式
// 1.Set方式
function unique1(array1) {
console.log(new Set(array1))//Set(5) {1, 5, 2, 3, 6}
//(1)方式1
return [...new Set(array1)]
//(2)方式2：Array.from可以创建新的、浅拷贝的数组
return Array.from(new Set(array1))
}
const array1 = [1, 5, 2, 3, 6, 3, 2];
let result1 = unique1(array1);
console.log('unique1', result1);//[1, 5, 2, 3, 6]
2、通过 includes 判断的方式
// 2.通过 includes 判断的方式
function unique2(array2) {
return array2.reduce((accu, cur) => {
if (!accu.includes(cur)) {
accu.push(cur)
}
return accu
}, [])
}
const array2 = [1, 5, 2, 3, 6, 3, 2];
let result2 = unique2(array2);
console.log('unique2', result2);//[1, 5, 2, 3, 6]
3、Object.values的方式
// 3.Object.values（这种方式会直接按照索引进行升序）
function unique3(array3) {
let result = array3.reduce((accu, cur) => {
if (!accu[cur]) {
accu[cur] = cur;
}
return accu
}, {
})
console.log(result);//{1: 1, 2: 2, 3: 3, 5: 5, 6: 6}
//Object.values
return Object.values(result)
}
const array3 = [1, 5, 2, 3, 6, 3, 2];
let result3 = unique3(array3);
console.log('unique3', result3);//[1, 2, 3, 5, 6]
前端所有面试题源码地址：https://gitee.com/daiwanghao/front-end-interview-questions.git
以上就是数组去重的不同类型的好几种方法，请大家关注《前端面试题》专栏。
我会将自己平时项目中常见的问题以及笔试面试的知识在CSDN与大家分享，一起进步，加油。