数组去重的几种方法

技术博客 (145) 2023-09-18 09:01:01

数组去重:去除数组中重复的元素。

1.将数组的每一个元素依次与其他元素做比较,发现重复元素,利用数组方法splice()删除重复元素

var arr = [2, 4, 6, 8, 4, 7, 2, 5];
for (var i = 0; i < arr.length; i++) { 
   
    // 获取当前元素后的所有元素
    for (var j = i + 1; j < arr.length; j++) { 
   
         // 判断两个元素的值是否相等
         if (arr[i] == arr[j]) { 
   
             // 如果相等则证明出现了重复的元素,则删除j对应的元素
             arr.splice(j, 1);
             // 当删除了当前j所在的元素以后,后边的元素会自动补位
             // 此时将不会在比较这个元素 所以需要在比较一次j所在的位置的元素 使j自减
             j--;
         }
    }
}
console.log(arr);

2.ES6的set()方法

var arr = [2, 4, 6, 8, 4, 7, 2, 5];
// Set数据结构类似于数组,允许你存储任何类型的唯一值
var result = Array.from(new Set(arr)); //利用Array.from将Set结构转换成数组
console.log(result);

3.indexof:创建一个新数组,并存放原数组的第一个元素,然后将原数组元素和新数组的元素一一对比,若不同则存放在新数组中。

var arr = [2, 4, 6, 8, 4, 7, 2, 5];
var result = [];
// forEach遍历数组
arr.forEach(item => { 
   
    // indexOf判断新数组中有没有这个元素,没有返回-1
    if (result.indexOf(item) == -1) { 
   
    	result.push(item);
    }
})
console.log(result);

4.ES6中filter()方法

var arr = [2, 4, 6, 8, 4, 7, 2, 5];
// filter 过滤数组
var result = arr.filter((item, index) => { 
   
    // indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
    return arr.indexOf(item) === index;
})
console.log(result);

5.reduce()和includes()方法

 var arr = [2, 4, 6, 8, 4, 7, 2, 5];
// reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
// 第一个参数pre是上一次循环的结果,第二个参数item是当前的元素
var result = arr.reduce((pre, item) => { 
   
    // 判断上次的结果包不包含当前元素 包含直接返回pre 不包含用...方法展开后再加进去
    return pre.includes(item) ? pre : [...pre, item]
}, []); //初始值是个空数组
console.log(result);
THE END

发表回复