1.两个for循环嵌套(繁琐)
<script>
var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]
for (i = 0; i < arr.length; i++) {
for (j = i + 1; j < arr.length; j++) {
if (arr[i] == arr[j]) {
arr.splice(j, 1)
// 这里为什么要i--呢,因为当arr[i]==arr[j]时,arr中下标为j的数据会被删掉
// 但原来j+1位置的数据就会掉到j的位置,如果J+1和j位置的数据相同,就会再次出现重复
// 当前j的数据是不会再次校验的,此时,将i--,j就会再次被校验
i--
}
}
}
console.log(arr)
</script>
2.使用ES6新语法Set和扩展运算符...
<script>
var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]
let c =new Set(arr)
// 此时c是一个Set对象,类数组
// ...的特性之一就是能够将类数组转换成真实的数组
var arr=[...c]
console.log(arr)
</script>
3.也可以使用Set配合Array.from完成数组去重
<script>
var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]
let c =new Set(arr)
// 原理与...相同,目的都是将类数组转换成真实的数组
let d=Array.from(c)
console.log(d)
</script>
4.使用includes()
<script>
var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]
let newArr=[]
arr.forEach(item => {
// includes返回的是一个布尔值
if(!newArr.includes(item)){
newArr.push(item)
}
});
console.log(newArr)
</script>
5.使用filter
<script>
var arr = [1, 3, 4, 6, 6, 6, 7, 3, 3, 4, 6, 4, 6, 1, 1, 1, 4, 5, 6, 7, 3, 3, 3]
var newArr = []
var newArr = arr.filter((item) => {
return newArr.includes(item)?'':newArr.push(item)
})
console.log(newArr)
</script>
剩下的方法基本不尽相同,map映射啦...各种稀奇古怪的方法,但常用也就是上面的这些,可互相配合使用,像forEach就代替了for循环,基本都是先遍历,遍历之后再在函数内部进行逻辑处理(push,splice等不同的操作)