关于js数组去重的五种方法

今天也要吃香菜

于 2021-09-28 15:28:40 发布

阅读量101

点赞数

分类专栏：笔记文章标签： javascript html5 html

本文链接：https://blog.youkuaiyun.com/qq_45801128/article/details/120529474

版权

笔记专栏收录该内容

1 篇文章

订阅专栏

本文介绍了JavaScript中去除数组重复元素的五种方法：Set、indexOf、双重循环、filter和forEach。通过实例代码展示了每种方法的实现过程及效果，帮助理解不同方法的适用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.Set方法

//定义一个数组
var arr = [2,2,3,3,4,4];
var newArr= new Set(arr)
//打印
console.log(newArr) //2,3,4

2.indexOf方法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。找不到指定元素则返回-1.

var arr = [2,2,3,3,4,4]
var newArr = []
for(var i=0; i<arr.length; i++){
    if( newArr.indexOf(arr[i]) == -1){
        newArr.push(arr[i])
    }
}
console.log(newArr)

3.for循环

var arr = [3,3,4,4,5,5]
for(var i=0; i<arr.length; i++){
    for(var j=i+1; j<arr.length; j++){
        if(arr[i] == arr[j]){
            arr.splice(j,1)
             j--
        }
    }
}

console.log(arr)//3，4，5

4.filter方法

var arr = [2,2,3,3,4,4]
var newArr = arr.filter((item,index,array)=>{
       return arr.indexOf(item) == index
})    
console.log(newArr )

5.forEach方法（和filter方法差不多，但是forEach方没有返回值）

var arr = [2,2,3,3,4,4]
var newArr = []
arr.forEach((item,index,array) => {
    arr.indexOf(item) == index
    newArr.push(item)
})