js实现数组去重

indexOf()方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回 -1。

接收两个参数时，第二个参数可设置开始查询元素的位置

  const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

    console.log(beasts.indexOf('bison'));
    // expected output: 1
    // start from index 2
    console.log(beasts.indexOf('bison', 2));
    // expected output: 4
    console.log(beasts.indexOf('giraffe'));
    // expected output: -1
    

打印结果：

filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

filter 方法接受两个参数：

• 第一个参数：一个回调函数， filter 会将数据中的每一项都传递给该函数，若该函数返回 真值，则数据保存，返回 假值，则数据将不会出现在新生成的数据中
• 第二个参数：回调函数中 this 的指向

Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。

• 首先，Set 中只允许出现唯一值
• 唯一性是比对原始值或者对象引用

    const originalArray = [1, 2, '咩', 1, 'Super Ball', '咩', '咩', 'Super Ball', 4]
    const uniqueSet = new Set(originalArray)
    // 得到 Set(5) [ 1, 2, "咩", "Super Ball", 4 ]，是一个对象
    const bySet = [...uniqueSet]
    // 得到 Array(5) [ 1, 2, "咩", "Super Ball", 4 ]，将对象里面的数据转换为数组
    console.log(bySet)
    // 在将 Set 转为 Array 时，也可以使用 Array.from(set)
    // 即const bySet =  Array.from(uniqueSet)

    

打印结果，成功去重：

reduce() 方法对数组中的每个元素执行一个由您提供的 reducer 函数(升序执行)，将其结果汇总为单个返回值。

Array.prototype.reduce 方法接受两个参数：

• Callback：回调函数，它可以接收四个参数

  • Accumulator：    累计器，这个其实是让很多人忽略的一点，就是，累计器其实可以是任何类型的数据
  • Current Value：当前值
  • Current Index：当前值的索引
  • Source Array：  源数组
• Initial Value：累计器的初始值，就跟累计器一样，这个参数也总是被绝大多数人忽略

const originalArray = [1, 2, '咩', 1, 'Super Ball', '咩', '咩', 'Super Ball', 4]

const byReduce = originalArray.reduce((unique, item, index, source) => {
  const exist = unique.includes(item)
  const next = unique.includes(item) ? unique : [...unique, item]
  console.group(`遍历第 ${index} 个值`)
  console.log('当前累计器：', unique)
  console.log('当前值：', item)
  console.log('是否已添加进累计器？', exist)
  console.log('新值', next)
  console.groupEnd()
  return next
}, [])