JS数组去重的⽅法Array 数组去重的⽅法
⽅法⼀：对象的属性不能重复
function unique1(arr) {
var newArr = []
var obj = {}
for (var key of arr) { //for of的key获取属性值
if (obj[key] === undefined) { //如果对象没有该属性值
newArr.push(key); //就将新数组末尾添加改属性值
obj[key] = 1; //并将对象中强⾏添加该属性
}
}
return newArr
}
⽅法⼆：利⽤数组api中的查⽅法，可以衍⽣出三种⽅法，分别是：indexOf
includes
findIndex
但要注意这三种⽅法也有细微的差别，可以在下⾯的使⽤中细细体会
1）indexOf
返回数组中某个指定元素的下标，如果没到就会返回-1
function unique1(arr) {
var newArr = []
for (var key of arr) {
/
/如果newArr中查不到该元素，就push到newArr
newArr.indexOf(key) === -1 && newArr.push(key)
}
return newArr
filter过滤对象数组}
2）includes
返回bool值
function unique1(arr) {
var newArr = []
for (var key of arr) {
!newArr.includes(key) && newArr.push(key)
}
return newArr
}
3）findIndex
传⼊回调函数，到元素之后就不再执⾏后⾯操作
function unique1(arr) {
var newArr = []
for (var key of arr) {
newArr.findIndex(item => item === key) < 0 && newArr.push(key)
}
return newArr
}
⽅法三：先排序，再判断相邻元素是否相同
function unique1(arr) {
var newArr = [];
arr.sort((a, b) => a - b); //先sort排序，直接修改原数组arr
for (var i = 0; i < arr.length; i++) {
//相邻元素不相同，再push进新数组
arr[i] !== arr[i - 1] && newArr.push(arr[i])
}
return newArr
}
⽅法四：使⽤ES6的Set，成员唯⼀性
前置知识：Array.from() 将具有length属性的对象(⽐如字符串)或可迭代对象转化为数组
function unique1(arr) {
return Array.from(new Set(arr))
}
⽅法五：使⽤filter
filter 返回⼀个新数组，数组中包含符合筛选条件的所有元素
indexOf 会到在数组中第⼀次出现的下标，如果出现了第⼆次，则与第⼀次出现的下标不相等，就可以被过滤掉
function unique1(arr) {
return arr.filter((item, index) => arr.indexOf(item) === index)
}
⽅法六：最暴⼒的⽅法双层for循环
function unique1(arr) {
for (var i = 0; i < arr.length; i++) {
for (var j = i + 1; j < arr.length; j++) {
if (arr[i] === arr[j]) {
//删除当前重复的数组元素，splice直接修改原数组
arr.splice(i, 1)
}
}
}
return arr
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。