数组简便去重方法

原创已于 2023-05-23 18:40:28 修改 · 947 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2022-04-11 14:21:43 首次发布

vue 同时被 3 个专栏收录

53 篇文章

订阅专栏

uniapp

44 篇文章

订阅专栏

40 篇文章

订阅专栏

本文详细介绍了JavaScript中去除数组重复元素的五种常见方法：使用reduce、新数组遍历对比、Set、filter和对象属性判断。通过实例代码展示了每种方法的实现过程，帮助理解不同去重策略的适用场景。

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

function unique(arr) {
            let hash = {};
            return arr.reduce((item, next) => {
                hash[next.id] ? '' : hash[next.id] = true && item.push(next);
                return item;
            }, []);
        }
let lits = [  {
                    id: "4",
                    value: "待激活"
                },
                {
                    id: "5",
                    value: "已激活"
                },
                {
                    id: "6",
                    value: "已结束"
                },
             {
                    id: "4",
                    value: "待激活"
                },
             {
                    id: "7",
                    value: "待激活"
                },
             {
                    id: "4",
                    value: "待激活"
                },
            ]
unique(lits)
console.log(unique(lits))

1.利用新旧数组遍历对比法

arr=[1,5,1,3,5,4,3,9,8]
 
let newArr = [];
 /*   
    indexOf用于查找数组元素第一次出现的位置，没找到则返回值为-1，参数有两个，第一个为元素项目，参数二（可选）需要查找的位置，负数从-1往前面加 
 */
for (let i=0;i<arr.length;i++) {
    if (newArr.indexOf(arr[i]) === -1) {
        newArr.push(arr[i]);
    }
  }
console.log(newArr);//[1, 5, 3, 4, 9, 8]

2.利用新语法 new Set()

arr=[1,5,1,3,5,4,3,9,8]
let mySet = new Set(arr); // 非重复的类数组
console.log(mySet,'mySet');//{{1, 5, 3, 4, 9,8}
// let newArr = Array.from(mySet); // set转数组
let newArr = [...mySet]; // 或者是这种解构方法
console.log(newArr);//[1, 5, 3, 4, 9, 8]

3.filter与indexOf结合

/* 这个过滤就很巧妙，利用索引与每一项出现的首次位置（indexOf作用）进行对比，
  当符合条件的时候返回出去
 */ 
arr=[1,5,1,3,5,4,3,9,8]
var newArr = arr.filter((item, index) => {
    return arr.indexOf(item) === index;
})
console.log(newArr);//[1, 5, 3, 4, 9, 8]

4.includes()的妙用

arr=[1,5,1,3,5,4,3,9,8]
let newArr = [];
for (let i=0;i<arr.length;i++) {
    if (!newArr.includes(arr[i])) {
        newArr.push(arr[i]);
    }
}
console.log(newArr);//[1, 5, 3, 4, 9, 8]

5.利用对象属性来进行判断

arr=[1,5,1,3,5,4,3,9,8]
let obj = {}; // 对象的key值是唯一的
let newArr = [];
for (let i=0;i<arr.length;i++) {
    if (!obj[arr[i]]) {
        obj[arr[i]] = arr[i];
    }
}
console.log(obj)//{1: 1, 3: 3, 4: 4, 5: 5, 8: 8, 9: 9}