关于javascript:数组去重是否去的彻底

46次阅读

共计 1023 个字符，预计需要花费 3 分钟才能阅读完成。

前端数组去重曾经不是一个陈腐的话题了，对于去重的形式也是有很多姿态，本文介绍几种罕用的去重形式。

for – of 循环去重

let arr = [1, 2, 3, 3, 4,1]
function unique(arr) {let tempt = [], obj = {}
  for (let item of arr) {if (!obj[item]) {obj[item] = item
      tempt.push(item)
    }
  }
  return tempt
}
console.log(unique(arr)) // [1, 2, 3, 4]

ES6 两种去重形式

// 形式 1
Array.from(new Set(arr))

// 形式 2
[...new Set(arr)]

filter 去重

// 该形式对数组循环了两次，不倡议应用
let re = arr.filter((item, index) => {return arr.indexOf(item) === index
})

reduce 去重

let newArr = arr.reduce((pre,cur)=>{if(!pre.includes(cur)){pre.push(cur)
    }
    return pre
},[])

那么问题来了，== 如果指标数组存在雷同的援用类型元素呢？== 咱们把 arr 换成 [5, ‘1’, 5, 1, 2, {}, {}, /a/, /a/]

那么 for-of 返回值为

[5, '1', 2, {}, /a/ ]  // 未辨别 string 类型的 1 和 number 类型的 1

其余几种形式

[5,  '1', 2,   {}, {}, /a/, /a/] // 援用类型的元素未能去重（这里看怎么了解，两个值雷同的援用类型不肯定雷同，两者所指向不肯定雷同）

由上可见，仿佛是每种形式都有一些缺点, 须要一种欠缺的形式来对这些问题独自解决

去重完整版

Array.prototype.unique = function () {if (this) {let obj = {}, tempt = []
    this.forEach(item => {
    // 通过类型 + 值来确定唯一性
      if (!obj.hasOwnProperty(typeof item + item)) {obj[typeof item + item] = item
        tempt.push(item)
      }
    })
    return tempt 
  }
}
let arr = [5, '1', 5, 1, 2, {}, {}, /a/, /a/]
console.log(arr.unique()) // [5, '1', 1, 2, {}, /a/ ]