reduce（）数组去重

已于 2022-02-09 15:49:05 修改
阅读量687 收藏
点赞数
分类专栏： JavaScript es6 文章标签： 前端 javascript
于 2022-02-08 20:29:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XYXYYDD/article/details/122830330
版权

关于reduce函数实现数组去重的注意点

1.这里使用concat而不使用push是因为push改变的是原数组而在这里需要返回的是新的数组

使用 concat 不会改变原数组且会产生新的数组

2.关于去重的bug，如果数组过大，则非常占用内存，因为要频繁循环当前项与当前的累加项

使用es6 set实现去重

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

Set本身是一个构造函数，用来生成 Set 数据结构。

Array.from可以将类数组转化为数组

当然，你也可以使用扩展运算符

 

 

XYXYYDD
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js代码-4.6 日练习：/筛选素数/reduce 数组去重
07-14
在JavaScript编程中，"js代码-4.6 日练习：/筛选素数/reduce 数组去重"这个标题涉及到两个核心概念：筛选素数和使用`reduce`方法进行数组去重。这两个知识点都是JS开发中常见的操作，尤其对于数据处理和算法理解来说...
reduce一些方法对数组进行的处理
weixin_30653097的博客
06-17 234
reduce方法我之前都整理了知识点，不懂的可以看一下我之前的知识点，这次我们是整理了一些关于用reduce方法进行的一些对于数组的处理 1. reduce()求数组项之和 var arr = [3, 9, 4, 3, 6, 0, 9]; var sum = arr.reduce(function (prev, cur) { return prev + cur; },0)...
探讨MapReduce失败的几种情形
andyguan01_2的博客
04-22 3504
在现实情况中，程序运行可能遇到各种故障：用户代码错误不断、进程崩溃、机器故障等等。使用Hadoop最主要的好处之一是它能处理此类故障并让你能够成功完成作业。五门需要考虑以下实体的失败：任务、application master、节点管理器和资源管理器。 1、任务运行失败 首先考虑任务失败的情况。最常见的情况是map任务或reduce任务中的用户代码抛出运行异常。如果发生这种情况，任务JVM会在退出...
20个你不得不知道的数组reduce高级用法
qq_39075021的博客
11-16 1055
目录1 背景2 高级用法3 兼容和性能4 结语 1 背景 reduce 作为ES5新增的常规数组方法之一，对比 forEach 、filter 和 map，在实际使用上好像有些被忽略，发现身边的人极少用它，导致这个如此强大的方法被逐渐埋没。 如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用法给大家。一个如此好用的方法不应该被大众埋没。 下面对 reduce 的语法进行简单说明，详情可查看MDN的reduce()的相关说明。 定义：对数组中的每个元
reduce()方法的使用技巧
m0_46132840的博客
08-02 387
当第二个参数（initialValue）不为空时，函数执行中的index从0开始，pre为第二个参数的值，如果第二个参数为空时，则从1开始，pre为数组arr中的第一个数据，cur等于数组arr第二个数据。第一个参数：是一个回调函数（callback），第二个参数（initialValue）代表初始值，可传可不传。pre：表示返回函数执行后的值，所以reduce必须有return 值。cur：表示当前执行到第几个的值。2、计算数组中每个数据出现的次数。1、计算数据中的数据相加。......
使用reduce给数组对象去重
laishaojiang的博客
11-13 3107
普通的数组去重，有很多方法，比如快捷的方法比如es6是Set,Map等，但是对于数组对象，这些方法都不适用，传统的forEach,filter等又有点繁琐。 这里介绍一个新方法——reduce() 先看一次下语法介绍 array.reduce(function(previousValue , currentValue, index, array ), initialValue) ...
高性能js数组去重(12种方法，史上最全)
10-15
在JavaScript中，数组去重是一项常见的编程任务，尤其在面试中常常被用来考察候选人的算法理解和编程技巧。这里我们将探讨12种不同的方法来实现JS数组去重，以提高对这些技术的理解。 1. **利用ES6 Set去重**： ...
js代码-数组去重相加
07-14
在JavaScript编程中，数组去重和元素相加是常见的操作，尤其在处理数据集合时显得尤为重要。本项目“js代码-数组去重相加”旨在提供一种解决方案，以有效地处理包含重复元素的数组，并对其中的数值进行求和。下面...
js代码-数组去重的方法
07-15
在JavaScript中，数组去重是一项常见的操作，尤其在处理数据集合时显得尤为重要。数组去重的方法多种多样，每种方法都有其适用场景和优缺点。本文将深入探讨几种常见的JavaScript数组去重技术。 1. **使用Set** ...
reduce()数组去重
热门推荐
zeroyulong的博客
01-04 1万+
需求：去除掉下列数组中id重复的对象 let colors = [{ id: 0, colorName: 'red' }, { id: 1, colorName: "orange" }, { id: 2, colorName: "yellow" }, { id: 3, ...
reduce()实现数组去重
Deku_Ln的博客
12-18 2220
关于reduce()我们这里不做太多说明，主要明白这是一个类递归的方法。其中接受两个参数，一个是回调函数，一个是可选的默认值。 arr.reduce((pre, cur, index, arr) => {}, 0) // 这里的pre是上一个递归后的返回值，而cur是当前值，这两个参数是必传的，index是当前索引，arr是原始 //数组，是可选的；0是pre的默认值，是一个可选参数，我们在进行一些数学运算可以给他赋一个初始值 这里我们主要运用reduce()的递归特性来完成数组的去重 le
对象数组去重
Jana Jing的分享
04-19 751
let data = [ { id: 201801, name: "张三", age: 15 }, { id: 201804, name: "John", age: 18 }, { id: 201802, name: "李四", age: 18 }, { id: 201801, name: "张三", age: 15 }, { id: 201805, name: "Jack"...
数组去重的方法之一reduce()
end12356789的博客
11-25 2525
数组去重的方法之一reduce的用法
JS reduce()方法详解，使用reduce数组去重
EmotionComputer
09-22 4753
1.数组求和 reduce方法本意就是用来记录循环的累积结果，用于数组求和是最合适不过了。比如我们要求数组 [1,2,3,4] 的元素之和，用forEach你得这样写： let total = 0; [1, 2, 3, 4].forEach(item => total += item); console.log(total); //10 但通过reduce方法就简单的多，我们可以这么写： let total = [1, 2, 3, 4].reduce((accumulator, current) =
reduce()方法详解之数组对象去重
可可爱爱的你吖的博客
03-24 2559
1.reduce()方法实现数组对象去重（reduce方法没搞明白过） // 测试 getTest1() { const array1 = [ { userId: 12277, insuranceProbability: '0.55', nonInsuranceProbability: '0.33' }, { userId: 10253, insuranceProbability: '0.65', nonInsuranceProbability: '0.3
Array数组reduce方法与数组累加、去重
weixin_42274805的博客
08-09 3020
一、reduce 定义 reduce是一个聚合的方法，它可以将数组中的每一项通过叠加变成一项。 例子 var arr = [1, 2, 3, 4, 5]; arr.reduce(function(prev, cur, index) { console.log(prev); console.log(cur); console.log(index); }) console.log(arr); // 返回[1, 2, 3, 4, ...
使用reduce方法对数组进行去重
不想写博客
08-11 210
reduce方法的运用
使用reduce给数组去重、数组对象去重
最新发布
_NIXIAKF的博客
06-28 231
普通的数组去重，有很多方法，比如快捷的方法比如es6是Set,Map等，但是对于数组对象，这些方法都不适用，传统的forEach,filter等又有点繁琐。这里介绍一个新方法——reduce()先看一次下语法介绍array.reduce(function(previousValue , currentValue, index, array ), initialValue)..._reduce数组对象去重。
数组去重reduce()
caiminiu的博客
09-02 723
1:Array.from() Array.from(arrayLike[, mapFn[, thisArg]]) arrayLike 想要转换成数组的伪数组对象或可迭代对象。 mapFn (可选参数) 如果指定了该参数，新数组中的每个元素会执行该回调函数。 thisArg (可选参数) 可选参数，执行回调函数 mapFn 时 this 对象。 返回的是新数组 例子 1:字符串 Array.fro...
reduce实现数组去重
05-27
要使用reduce实现数组去重，可以使用以下代码： ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const uniqueArr = arr.reduce((acc, cur) => { if (!acc.includes(cur)) { acc.push(cur); } return acc; }, []); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 在reduce的初始值中传入一个空数组，然后在回调函数中判断当前元素是否已经存在于累加器中，如果不存在，则将其添加到累加器中。最后返回累加器即可得到去重后的数组。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值