js 数组去重（包含数据对象类型数据去重）常用的几种方法

最新推荐文章于 2024-10-14 09:12:04 发布

if侠

最新推荐文章于 2024-10-14 09:12:04 发布

阅读量280

点赞数

CC 4.0 BY-SA版权

文章标签：笔记 javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_51721168/article/details/132715815

本文介绍了JavaScript中使用ES6新特性newSet以及多种方法实现数组去重，如for循环结合indexOf和includes，filter配合indexOf，以及针对对象键值的去重技巧。

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

1、使用ES6中的new Set

const arr=[1,2,3,1,1,121,121]

let newArr= [...new Set(arr)]

console.log(newArr)

2、for循环 + indexOf

const arr=[1,2,3,1,1,121,121]

let newArr = []

for(let i = 0; i < arr.length; i++){
    if(newArr.indexOf(arr[i])<0){
        newArr.push(arr[i])
    }
}

console.log(newArr)

3、for循环 + includes

const arr=[1,2,3,1,1,121,121]

let newArr = []

for(let i = 0; i < arr.length; i++){
    if(!newArr.includes(arr[i])){
        newArr.push(arr[i])
    }
}

console.log(newArr)

4、fillter() + indexOf

const arr = [1, 2, 3, 1, 1, 121, 121]
let newArr = []
//filter生成一个新的数组，数组中的元素为 indexOf首次查找的元素下标
newArr = arr.filter((item, index) => {
    return arr.indexOf(item) === index
})

console.log(newArr);

5、对数组对象类型的元素去重

根据 对象中的某个 键值 来进行去重

const arr = [
    {
        id: 1,
        name: 'zs'
    },
    {
        id: 2,
        name: 'ls'
    },
    {
        id: 3,
        name: 'wu'
    },
    {
        id: 4,
        name: 'ml'
    },
    {
        id: 2,
        name: 'zs'
    }
]

const key = 'id'
newArr = Array.from(new Set(arr.map(item => item[key]))).map(name => {
    return arr.find(item => item[key] === name)
})

console.log(newArr )