数组去重的四种方法

最新推荐文章于 2022-05-25 11:03:36 发布

瘪瘪前端加油

最新推荐文章于 2022-05-25 11:03:36 发布

阅读量176

点赞数

分类专栏：前端面试常见算法文章标签： js

原文链接：https://blog.csdn.net/Slueia/article/details/110471550

版权

前端面试常见算法专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了四种不同的方法来处理JavaScript数组去重，包括利用ES6 Set的特性、双重for循环配合splice、filter函数以及JSON解析的技巧。通过实例展示了如何针对不同类型的数据进行去重，并探讨了每种方法的适用场景和性能优劣。

摘要由CSDN通过智能技术生成

1、利用 ES6 set去重

 function unique(arr) {
    return Array.from(new Set(arr))
  }
  var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
  console.log(unique(arr))//不能去除重复对象，因为两个对象的地址不一样

2、利用双重for循环，再利用数组的splice方法去重

 var arr = [1, 5, 6, 0, 7, 3, 0, 5, 9,5,5];
 function unique(arr) {
   for(var i = 0, len = arr.length; i < len; i++){
     for(var j = i + 1, len = arr.length; j < len; j++){
       if(arr[i] === arr[j]) {
         arr.splice(j, 1);
         j--;
         len--;//j值减小时len也要相应减1（减少循环次数，节省性能）
       }
     }
   }
   return arr
 }
 console.log(unique(arr))

3、利用filter

var array = [1, 2, 1, 1, '1'];
function unique(array) {
  var res = array.filter(function(item, index, array) {
    return array.indexOf(item) === index;
  })
  return res
}
console.log(unique(array));

4、JSON解析与反解析，可去重object

function unique(arr) {
    let len = arr.length;
    let temp = {};
    let res = [];
    for(let i = 0; i < len; i++) {
      temp[JSON.stringify(arr[i])] = true

    }
    let key = Object.keys(temp)
    console.log(key)
    for(let j = 0; j < key.length; j++) {
      res.push(JSON.parse(key[j]))
    }
    return res

}
var arr = [123, 'hello', '123', 'world', 123, {}, {}]
console.log(unique(arr))