数组简便去重方法

本文详细介绍了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}


 

 

### 回答1: JS数组的方式有很多种,下面列举几种常见的方法: 1. 使用Set数据结构 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const newArr = Array.from(new Set(arr)); console.log(newArr); // [1, 2, 3, 4, 5] ``` 2. 使用filter方法 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const newArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(newArr); // [1, 2, 3, 4, 5] ``` 3. 使用reduce方法 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const newArr = arr.reduce((prev, cur) => { if (!prev.includes(cur)) { prev.push(cur); } return prev; }, []); console.log(newArr); // [1, 2, 3, 4, 5] ``` 4. 使用Map数据结构 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const map = new Map(); const newArr = []; for (let i = 0; i < arr.length; i++) { if (!map.has(arr[i])) { map.set(arr[i], true); newArr.push(arr[i]); } } console.log(newArr); // [1, 2, 3, 4, 5] ``` ### 回答2: 在 JavaScript 中,有多种方式可以对数组进行操作。 1. 使用 Set 对象:Set 对象是 ES6 中引入的新的数据结构,它类似于数组,但是成员的值都是唯一的。我们可以通过将数组转换为 Set 对象来实现。例如: ```javascript const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 2. 使用 indexOf 方法:通过遍历数组中的每个元素,并使用 indexOf 方法来判断元素是否已经存在于结果数组中。若不存在,则将该元素加入到结果数组中。例如: ```javascript const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = []; for (let i = 0; i < arr.length; i++) { if (uniqueArr.indexOf(arr[i]) === -1) { uniqueArr.push(arr[i]); } } console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 3. 使用 filter 方法:通过 filter 方法数组进行筛选,只保留第一次出现的元素。例如: ```javascript const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 以上是三种常见的 JavaScript 数组方式,根据具体需求和代码场景可以选择适合的方式进行使用。 ### 回答3: 在JavaScript中,有多种方式可以对数组进行。 一种简单的方法是使用Set。Set是ES6中引入的一种新的数据结构,它只允许存储唯一的值,并且可以快速地判断一个值是否存在于Set中。利用Set的特性,我们可以通过将原数组转换成Set,然后再将Set转换回数组,实现数组。 ```javascript let arr = [1, 1, 2, 3, 3, 4, 5]; let uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 另一种常见的方法是使用filter函数,通过循环遍历数组,将不复的元素添加到一个新的数组中。利用filter函数的特性,我们可以通过判断当前元素在数组中的索引是否与当前索引一致来判断是否复。 ```javascript let arr = [1, 1, 2, 3, 3, 4, 5]; let uniqueArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 还有一种简便方法是利用reduce函数,通过循环遍历数组,将不复的元素添加到一个新的数组中。利用reduce函数的特性,我们可以通过判断新数组中是否已经存在当前元素来判断是否复。 ```javascript let arr = [1, 1, 2, 3, 3, 4, 5]; let uniqueArr = arr.reduce((pre, cur) => { if (!pre.includes(cur)) { pre.push(cur); } return pre; }, []); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 以上是JavaScript中常用的几种数组的方式。根据实际情况选择适合自己的方法来进行数组操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呱嗨喵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值