需要处理的数据:
let arr = [1, 1, '1', '1', true, true, 'true', {}, {}, '{}', null, null, undefined, undefined]
方法1:
// ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构。
let uniqueOne = Array.from(new Set(arr))
console.log(uniqueOne)
方法2:
let uniqueTwo = arr => {
let map = new Map() // 或者用空对象 let obj = {} 利用对象属性不能重复的特性
let brr = []
arr.forEach(item => {
if (!map.has(item)) {// 如果是对象的话就判断!obj[item]
map.set(item, true) // 如果是对象的话就obj[item] = true 其他一样
brr.push(item)
}
})
return brr
}
console.log(uniqueTwo(arr))
方法3:
let uniqueThree = arr => {
let brr = []
arr.forEach(item => {
// 使用indexOf 返回数组是否包含某个值,没有就返回-1,有就返回下标
// if (brr.indexOf(item) === -1) brr.push(item)
// 或者使用includes 返回数组中是否包含某个值,没有就返回false,有就返回true
if (!brr.includes(item)) brr.push(item)
})
return brr
}
console.log(uniqueThree(arr))
方法4:
let uniqueFour = arr => {
// 使用filter返回条件的集合
let brr = arr.filter((item, index) => {
return arr.indexOf(item) === index
})
return brr
}
console.log(uniqueFour(arr))