JS 数组去重

PitayaDog

已于 2024-04-28 16:10:50 修改

阅读量111

点赞数 1

分类专栏：常见面试题文章标签：前端

于 2024-04-07 18:59:02 首次发布

本文链接：https://blog.youkuaiyun.com/zyz13883658166/article/details/137474238

版权

常见面试题专栏收录该内容

18 篇文章

订阅专栏

本文介绍了在JavaScriptES6中使用Set数据结构以及三种不同的数组去重方法：Set的独特性、使用indexOf遍历去重和基于排序的去重并保持顺序。

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

方法一

Set是ES6新增的数据结构，集合，类似数组，它的特性是元素都是唯一的，没有重复的值

let arr = [2, 4, 2, 55, 66, 33, 55, 4]
let newArr = [...new Set(arr)]

console.log(newArr) // [ 2, 4, 55, 66, 33 ]

方法二

indexOf，遍历需要去重的数组，往空的新数组中添加indexOf返回为-1的元素

let arr = [2, 4, 2, 55, 66, 33, 55, 4]
function unique(arr){
    let newArr = []
    arr&&arr.map(item=>{
        if(newArr.indexOf(item)===-1){
            newArr.push(item)
        }
    })
    return newArr
}
let newArr = unique(arr)

console.log(newArr) // [ 2, 4, 55, 66, 33 ]

方法三

先对原来的数组排序，将前后不相等的元素添加进去新的空数组，不仅去重，还排序了

let arr = [2, 4, 2, 55, 66, 33, 55, 4]
let sortArr = arr.sort() //[2,  2, 33,  4, 4, 55, 55, 66]
function unique(arr){
    let newArr = []
    for(let i=0; i<arr.length; i++){
        if(arr[i]!==arr[i-1]){
            newArr.push(arr[i])
        }
    }
    return newArr
}
let newArr = unique(arr)

console.log(newArr) //[ 2, 33, 4, 55, 66 ]