数组去重的8种方法(Set、[...new Set(arr)] 、indexOf、splice、sort、Map数据结构、includes、利用对象属性不重复)

  1. ES6 Set                                                                                                                                     

    let arr = [1,2,3,4,5,5,5,5,4,9,9,'西柚','西柚',"草莓","草莓",undefined,undefined,null,null,NaN,NaN,{},{},0,0]
        function DealArr(oldArr){
            if (!Array.isArray(oldArr)) {
            console.log('输入的数据不是数组!')
            return;
            }
            return Array.from(new Set(oldArr))//注意:Set的S是大写
        }
    console.log(DealArr(arr))

         

         从输出结果,我们可以看出:两个{}还在。 

2.[...new Set(arr)]   简化版的方法1

let arr = [1,2,3,4,5,5,5,5,4,9,9,'西柚','西柚',"草莓","草莓",undefined,undefined,null,null,NaN,NaN,{},{},0,0]
console.log([...new Set(arr)])

  从输出结果,我们可以看出:两个{}还在

3.indexOf()

let arr = [1,2,3,4,5,5,5,5,4,9,9,'西柚','西柚',"草莓","草莓",undefined,undefined,null,null,NaN,NaN,{},{},0,0]
       
       function DealArr(oldArray){
        if (!Array.isArray(oldArray)) {
        console.log('输入的数据不是数组!')
        return;
        }
        let newArr=[]
            for(var i=0;i<oldArray.length;i++){
                if(newArr.indexOf(oldArray[i]) == -1){
                    newArr.push(oldArray[i])
                }
            }
            return newArr;
       }
console.log(DealArr(arr))

 从输出结果看,我们可以看出:两个NaN和{}都还在。 

4.splice (注:该方法的使用容易造成数组塌陷问题,解决数组塌陷问题:https://mp.csdn.net/mp_blog/creation/editor/119359702

let arr = [1,2,3,4,5,5,5,5,4,9,9,'西柚','西柚',"草莓","草莓",undefined,undefined,null,null,NaN,NaN,{},{},0,0]
    function DealArr(arr){
        if (!Array.isArray(arr)) {
        console.log('输入的数据不是数组!')
        return;
        }
        for(let i=0; i<arr.length; i++){
            for(let j=i+1; j<arr.length; j++){
                if(arr[i]==arr[j]){
                    arr.splice(j,1);
                    j--;//进行减1操作,防止数组塌陷
                }
            }
        }
        return arr;
    }
console.log(DealArr(arr))

从输出结果,我们可以看出:两个null都直接去掉了,两个NaN和{}都还在

5. sort() 

用于对数组的元素进行排序。

排序顺序可以是字母或数字,并按升序或降序。

默认排序顺序为按字母升序。

let arr = [1,2,3,4,5,5,5,5,4,9,9,'西柚','西柚',"草莓","草莓",undefined,undefined,null,null,NaN,NaN,{},{},0,0]
    function DealArr(oldArr) {
    if (!Array.isArray(oldArr)) {
        console.log('输入的数据不是一个数组!')
        return;
    }
    oldArr = oldArr.sort()//排序
    let newArr= [];//用来存放不重复成员的一个新数组
    for (var i = 0; i < oldArr.length; i++) {
        if (oldArr[i] !== oldArr[i+1]) {
            newArr.push(oldArr[i]);
        }
    }
    return newArr;
}

console.log(DealArr(arr))

从输出结果看,我们可以看出:两个NaN和{}都还在,输出结果与indexOf()的方法一致,因为用的原理都是数组两个成员之间的相等判断。 

6.ES6 利用Map数据结构去重,是js中的内置构造函数

原理:

        把数组的每一个元素作为key存到Map中;

        Map中不会出现相同的key值。

Map数据结构讲解:https://zhuanlan.zhihu.com/p/355929286

//原理:把数组的每一个元素作为key存到Map中;Map中不会出现相同的key值
let arr = [1,2,3,4,5,5,5,5,4,9,9,'西柚','西柚',"草莓","草莓",undefined,undefined,null,null,NaN,NaN,{},{},0,0]
  function DealArr(oldArr){
    let newArr = [];
    let m = new Map();
    // 遍历arr数组,将数组中的元素作为m集合中的键名
    oldArr.forEach(item=>{
      m.set(item,1);
    })
    // 遍历map集合去除键名放到数组中
    m.forEach((item,index)=>{
      newArr.push(index);
    })

    return newArr;
}
  
  console.log(DealArr(arr)); 

 从输出结果看,我们可以看出:两个{}都还在。 

7. includes() 方法 用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

let arr = [1,2,3,4,5,5,5,5,4,9,9,'西柚','西柚',"草莓","草莓",undefined,undefined,null,null,NaN,NaN,{},{},0,0]
    function DealArr(oldArr) {
    if (!Array.isArray(oldArr)) {
        console.log('输入的数据不是一个数组!')
        return
    }
    var newArr =[];
    for(var i = 0; i <oldArr.length; i++) {
            if( !newArr.includes(oldArr[i])){
                newArr.push(oldArr[i]);
              }
    }
    return newArr
}
console.log(DealArr(arr))

 从输出结果看,我们可以看出:两个{}都还在。  

8.使用对象的属性不重复的特性

let arr = [1,2,3,4,5,5,5,5,4,9,9,'西柚','西柚',"草莓","草莓",undefined,undefined,null,null,NaN,NaN,{},{},0,0]
  function DealArr(oldArr){
    let obj = {};
    let newArr = [];
    oldArr.forEach(item=>{
      if(obj[item]){
        obj[item] += 1;
      }else{
        obj[item] = 1;
      }
    })
    // 遍历对象取出属性就是不重复的数组
    for (const key in obj) {
      newArr.push(Number(key))
    }
    return newArr;
  }
  console.log(DealArr(arr))

 

从输出结果看,该方法只适合数字类型的去重 。

 

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
splice() 是 JavaScript 数组对象的一个方法,用于修改数组的内容。它可以实现删除、插入和替换数组元素的功能。 splice() 方法的语法如下: array.splice(start, deleteCount, item1, item2, ...) 参数说明: - start:必需,指定开始修改的位置,即要删除或插入元素的起始索引。 - deleteCount:可选,指定要删除的元素个数。如果 deleteCount 为 0,则不删除任何元素。 - item1, item2, ...:可选,要插入到数组中的新元素。 返回值: splice() 方法返回一个由被删除元素组成的新数组。 下面是一些示例用法: 1. 删除元素: ```javascript var fruits = ['apple', 'banana', 'orange', 'grape']; fruits.splice(2, 1); // 从索引为2的位置开始删除1个元素 console.log(fruits); // 输出:['apple', 'banana', 'grape'] ``` 2. 插入元素: ```javascript var fruits = ['apple', 'banana', 'grape']; fruits.splice(1, 0, 'orange'); // 在索引为1的位置插入'orange' console.log(fruits); // 输出:['apple', 'orange', 'banana', 'grape'] ``` 3. 替换元素: ```javascript var fruits = ['apple', 'banana', 'grape']; fruits.splice(1, 1, 'orange'); // 替换索引为1的元素为'orange' console.log(fruits); // 输出:['apple', 'orange', 'grape'] ``` 4. 删除并返回被删除的元素: ```javascript var fruits = ['apple', 'banana', 'orange', 'grape']; var deleted = fruits.splice(1, 2); // 从索引为1的位置开始删除2个元素,并将被删除的元素存储在变量 deleted 中 console.log(fruits); // 输出:['apple', 'grape'] console.log(deleted); // 输出:['banana', 'orange'] ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值