reduce()实现数组去重

关于reduce()我们这里不做太多说明，主要明白这是一个类递归的方法。其中接受两个参数，一个是回调函数，一个是可选的默认值。

arr.reduce((pre, cur, index, arr) => {}, 0)
// 这里的pre是上一个递归后的返回值，而cur是当前值，这两个参数是必传的，index是当前索引，arr是原始
//数组，是可选的；0是pre的默认值，是一个可选参数，我们在进行一些数学运算可以给他赋一个初始值

这里我们主要运用reduce()的递归特性来完成数组的去重

let arr = [1, 2, 3, 4, 5, 4, 2, 3,6,7,2]
let obj = {}
let arr1 = arr.reduce((pre, cur) => {if(obj[cur]) {return pre}else {obj[cur] = truepre.push(cur)return pre}
}, [])
console.log(arr1)

这里我们通过定义一个obj来接收当前的值用于判断是否已经存在，若不存在则给数组进行添加。

我们可以看到这里的结果已经是没有重复的。

关于数组的去重还有很多方法，这里我只是举了一种，我们也可以通过Set数据类型等方法来进行去重。

reduce()实现数组去重相关推荐

es6新增数组、数组去重、es6新特性
ES6新增的数组方法 1.forEach forEach()会遍历数组, 循环体内没有返回值,forEach()循环不会改变原来数组的内容, forEach()有三个参数, 第一个参数是当前元素, 第 ...
js中ES6新增的数组方法reduce()，和数组去重，降维。
js中ES6新增的数组方法reduce() js数组reduce()详解基本概念: reduce()方法接收一个函数作为累加器,数组中的每一值(从左到右)开始缩减,最后成为一个值 reduce()为 ...
数组去重--这几种方法够不?
数组去重,是校招面试的必考知识点.简单的说,数组去重就是将一个数组中的相同的元素删除,只保留其中的一个.这里的相同其实是一个陷阱,有好多同学只认为值相等即为相同,而忽略类类型的判断.所以大家在进行数组 ...
java数组去重_数组去重12种方案-你要的全在这
首先我们先温习一下数组的常用的方法 pop push shift unshift slice splice sort reverse concat join indexOf lastIndexOf m ...
数组去重与数组扁平化
一.数组去重(1)indexOf() function only(arr){var res=[];arr.forEach(function(item){if(res.indexOf(item)==-1 ...
数组去重（包括es6）
1.最基本的去重方法思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中. function unique(arr){var repeat=fa ...
vue中向数组去重_「前端剑指offer第3期」来，手写一下数组去重
数组去重一般来说就这么几种方法,理解代码,记住就好!Map.Set.reduce.filter~ 方法1 .Map 创建一个Map对象,把数组的值作为Map对象的索引,再获取所有的索引. const ...
JS数组去重方法记录
js数组去重方法 1.遍历数组,建立新数组,利用indexOf判断是否存在于新数组中,不存在则push到新数组,最后返回新数组代码如下(示例): function getArray(ar) {va ...
JS----JavaScript数组去重（12种方法，史上最全）
数组去重的方法一.利用ES6 Set去重(ES6中最常用) Set 不包含重复元素的值的集合 Map 双列集合键值对与object的区别 : object中的key只能是string类型而Ma ...

reduce()实现数组去重

reduce()实现数组去重相关推荐

最新文章

热门文章