关于javascript:js数组去重的三种方法

一、了解

• 依据以后数组产生一个去除反复元素后的新数组
• 如: [6,9,8,7,2,5,6,5,4,5,6,4,5] ==> [6,9,8,7,2,5,4]

二、实现代码

1. forEach() 和 indexOf() 阐明: 实质是双重遍历, 效率差些

 
  /*
    接管一个数组为参数, 返回一个去重的数组
  */
  function unique (array) {
    // 定义一个空数组
    const resultArr = []
    // 循环遍历未去重的数组
    array.forEach(item => {
      // 判断 resultArr 中是否有该元素, 没有才增加
      if (arr.indexOf(item)===-1) {resultArr.push(item)
      }
    })
    // 返回
    return resultArr
  }

1. 利用 forEach() + 对象容器 阐明: 只需一重遍历, 效率高些

 
  /*
    接管一个数组为参数, 返回一个去重的数组
  */
  function unique (array) {
    // 定义要返回的数组
    const resultArr = []
    // 定义一个对象
    const obj = {}
    // 循环遍历未去重的数组
    array.forEach(item => {
      // 如果 obj 中没有改元素属性
      if (!obj.hasOwnProperty(item)) {
        // 没有就为 obj 增加这个属性
        obj[item] = true
        resultArr.push(item)
      }
    })
    return resultArr
  }

1. 利用 ES6 语法 阐明: 编码简洁

  // 1. ... + Set
  function unique1 (array) {
    /*
      Set 构造函数接管一个数组外部去重
      三点运算符将 set 转换为数组返回
    */
    return [...new Set(array)]
  }
 
  // 2. from + Set
  function unique2 (array) {
    /*
      Set 构造函数接管一个数组外部去重
      应用 Array 的 from 办法把 Set 转换为数组返回
    */
    return Array.from(new Set(array))
  }