数组去重

定义一个数组arr = [1,5,3,4,5,6,7,8,8,9,1,2,3,4,88,77,12,1,2]，针对该数组进行去重

1、常规去重

has函数的作用是判断array数组中是否存在元素value值

norepeat函数是根据has函数，判断该元素是否存在，不存在则加入新数组中，从而实现元素去重

JS代码

效果图

2、通过数组的ES5中新增的API去重

(1)array.forEach(callback)

遍历迭代数组中的每个元素，在迭代到每个元素时，都去调用 callback 函数执行。

callback 是一个函数，该函数结构：

function(currentValue, index, array) {}

-- currentValue 是当前遍历到的元素值

-- index 是当前遍历到元素在数组中的下标

-- array 是调用 forEach() 方法的数组对象

(2)array.indexOf(search[, fromIndex = 0])

查找 search 值在数组 array 中第一次出现的下标，如果存在则返回大于等于0的值，如果不存在，则固定返回 -1。也可以指明从指定的索引 fromIndex 处开始查找，如果未指定 fromIndex 则默认从下标0位置开始查找。

JS代码

效果图

3、通过Set函数和数组API去重

(1)ES6中新增Set集合

用于存储各类型的唯一值，通常我们认为 Set 集合中的元素是无序的

创建：new Set();

Set.add() -- 添加，保存元素

JS代码

效果图

注意点：通过Set函数只能得到一个类数组，而非数组；可以通过Array.from()将类数组对象转换为数组对象

效果图

4、直接通过Set函数去重

前面提到Set集合是用于存储各类型的唯一值，所以对于相同的数据，Set函数可以直接用于去重

JS代码

效果图

由于Set函数得到的是一个类数组对象，所以需要转换成数组的时候，可以这样写

JS代码

效果图