本篇文章给大家带来的内容是关于js数组去重的方法有哪些？js数组去重的方法总结（实例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
最基本的写法 使用indexOf()
var arr = [1,1,5,77,32,54,2,4,5,2,2,4,52,2,2,2,2,2]
//比较常规的语法使用indexOf来判断是否已经存在
getFileArray(arr)
function getFileArray(arr){
var array = [];
arr.forEach(e => {
if(array.indexOf(e) !== -1){
return;
}else {
array.push(e)
}
});
return array;
}看起来性能还不错的去除方法
// 通过遍历每次被值给到数组角标 适用于数组里面数量不太的数组
var arr = [1,1,5,77,32,54,2,4,5,2,2,4,52,2,2,2,2,2]
getFilterArray(arr)
function getFilterArray (array) {
const res = [];
const json = {};
for (let i = 0; i < array.length; i++){
const _self = array[i]; //获取迭代的数值
if(!json[_self]){ //假如json在_self这个下标没有数值,就说明这个数据没有
res.push(_self); //没有的话就push
json[_self] = 1; //同时给这和匹配不到的下标一个值,保证下次进不来
} // 这样写的话 不需要循环遍历 对性能要求更小
}
return res;
}另类的写法
var array = [1, 1, 5, 77, 32, 54, 2, 4, 5, 2, 2, 4, 52, 2, 2, 2, 2, 2]
arrtoObject(arr)
function arrtoObject(arrs) {
//var obj={};
var obj = new Object();
for (var i = 0; i < arrs.length; i++) {
obj[arrs[i]] = true;
}
objectToarr(obj)
}
function objectToarr(obj){
console.log(obj);
var arr = [];
for (const i in obj) {
arr.push(i)
}
console.log(arr);
return arr
}ES5 filter过滤函数
var array = [1,1,5,77,32,54,2,4,5,2,2,4,52,2,2,2,2,2]
function unique(array) {
var res = array.filter(function (item, index, array) {
return array.indexOf(item) === index; //因为array.indexOf返回数组的下标 如果这里的下标和index不一样说明已经存在了,就直接退出了
})
return res;
}
console.log(unique(array));ES6 Set 这简直就是为过滤而生的 过滤 排序
var arr = [1, 1, 5, 77, 32, 54, 2, 4, 5, 2, 2, 4, 52, 2, 2, 2, 2, 2]
function FilterArray(arr) {
set = new Set(arr)
let arrays = Array.from(set)
arrays.sort((a, b) => {
return a - b
})
return arrays
}
FilterArray(arr)假如只要排序的话
我们可以用一行代码实现
var arr = [1, 1, 5, 77, 32, 54, 2, 4, 5, 2, 2, 4, 52, 2, 2, 2, 2, 2] var FilterArray = (arr) => [...new Set(arr)] // FilterArray(arr)
相关推荐：
