数组去重js

let arrV = [1, 2, 3, 1, 2, 3, 1, 2, 2,null,null]

// 去重方法1
// 利用set数据结构的特点,集合中不能出现重复元素,所以生成的数组一定不会重复
// console.log([...new Set(arrV)])
// console.log(Array.from(new Set(arrV)))

// 去重方法2
// 经典去重
// for(let i = 0;i < arrV.length;i++){
//   for(let j = i+1; j < arrV.length ;j++){
//     if(arrV[i] === arrV[j]){
//       arrV.splice(j,1)
//       j--
//     }
//   }
// }
// console.log(arrV)

// 去重方法3
// 利用filter的返回值,true则返回当前元素,false则不返回,最后得到一个新数组
// 用indexOf只返回第一个被检索到的元素的索引值,如果重复元素,被检查时,返回的不是当前索引就不作为新数组的元素返回出去
// console.log(arrV.filter((item, index, arr) => {
//   return arr.indexOf(item, 0) ===  index
// }))

// 去重方法4
// let result = []
// arrV.forEach((item)=>{
//   if (result.indexOf(item) === -1){
//     result.push(item)
//   }
// })
// console.log(result)

// 去重方法5
// reduce结合includes
// reduce将过程汇总为一个数组,如果空数组中有,则原路返回,没有则添加
// console.log(arrV.reduce((parent,item) => {
//   return parent.includes(item)?parent:[...parent,item];
//  }, []))

JavaScript中,有多种实现数组的方法,以下为您介绍几种常见的方法: ### 利用ES6的Set集合进行 Set是ES6提供的一种新的数据结构,它允许存储任何类型的唯一值。可以将数组转换为Set,然后再将Set转换回数组,以实现。 ```javascript Array.prototype.distinct = function() { let arr = this; return Array.from(new Set(arr)); } let testArr = [1, 1, 1, 2, 2, 3, 3]; console.log(testArr.distinct()); // [1, 2, 3] ``` ### 利用`indexOf`属性 使用一个空数组来存储首次出现的元素,利用`indexOf`方法返回某个指定的元素在数组中首次出现的位置,如果没有则返回 -1。当`indexOf`返回 -1 时,将该元素存入新数组。 ```javascript function noRepeat2(arr) { var newArr = []; for (var i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i]) == -1) { newArr.push(arr[i]); } } return newArr; } let testArr2 = [1, 1, 2, 2, 3, 3]; console.log(noRepeat2(testArr2)); // [1, 2, 3] ``` ### 利用`filter`和`indexOf`方法 `filter`方法创建一个新数组,其包含通过所提供函数实现的测试的所有元素。结合`indexOf`方法,只保留元素首次出现的位置与当前位置相同的元素。 ```javascript function unique(arr) { return arr.filter((item, index) => { return arr.indexOf(item) === index; }); } let testArr3 = [1, 1, 2, 2, 3, 3]; console.log(unique(testArr3)); // [1, 2, 3] ``` ### 利用`reduce`方法 `reduce`方法对数组中的每个元素执行一个由您提供的reducer函数,将其结果汇总为单个返回值。在每次迭代中检查元素是否已经存在于结果数组中,如果不存在则添加到结果数组。 ```javascript function uniqueWithReduce(arr) { return arr.reduce((acc, current) => { if (!acc.includes(current)) { acc.push(current); } return acc; }, []); } let testArr4 = [1, 1, 2, 2, 3, 3]; console.log(uniqueWithReduce(testArr4)); // [1, 2, 3] ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值