JavaScript简单实现数组去重

Posted 2021-08-20 奥特曼　

1.indexOf

indexOf: 找到首次出现的索引位置 找不到返回-1

        let arr = [1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5];
        let newArr = []
        function fn(arr) {
            arr.forEach(item => {
                if(newArr.indexOf(item)===-1){
                    newArr.push(item)
                }
            });
        }
        fn(arr)
        console.log(newArr);

去newArr里面找 如果没找到返回-1  就添加到新数组中 

2.includes

includes ：判断当前数组中是否包含此值，如果包含返回true 否则返回 false

        let arr = [1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5];
        let newArr = []

        function fn(arr) {
            arr.forEach(item => {
               if(!newArr.includes(item)){
                   newArr.push(item)
               }
            });
        }
        fn(arr)
        console.log(newArr);

 去newArr里面找 肯定是找不到每一项的 做一个取反 只做 如果为false 的添加到数组中 

3.filter

filter过滤 把满足的元素返回一个新数组

    let arr = [1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5];
    function fn(arr) {
      return arr.filter((item,index,arr)=> {
        //   如果第一次出现的索引 等于 第一次出现的索引 就满足 
          console.log(arr.indexOf(item),index);
          return arr.indexOf(item)===index
      })
    }
   console.log( fn(arr));

判断第一次出现索引的位置是否和当前索引位置相等，把所有相等的元素放到一个新数组中

ES6

4.set

    let arr = [1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5];
    function fn(arr) {   
      return  Array.from(new Set(arr))
    }
   console.log( fn(arr));

new Set(arr)    //set对象  {1, 23, 3, 5, 6, …}  

Array.from  // [1,23,3,5,6]

简写

    let arr = [1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5];
    function fn(arr) {   
      return  [...new Set(arr)]
    }
   console.log( fn(arr));

       let arr = [1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5];
        const fn = (a) => [...new Set(arr)]
        console.log(fn(arr));

5.map

        let arr = [1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5];
        function unique (arr) {
           const newMap = new Map()
             return arr.filter((item) => !newMap.has(item) && newMap.set(item, 1));
            }
           console.log(unique(arr));

 当newMap通过.has 没找着 当前项key 的 就设置 当前项给 newMap  最终通过filter返回一个新数组

const res=new Map()
 //通过set方法来设置键值对存储数据
 res.set("a",1)
 res.set("a",2)//这样子会覆盖上面的值
 //通过get方法来根据键名获取对应的值
 res.get("a")//输出2
 //通过has方法来判断是否存在键名
 res.has("a")//输出true
 res.has("b")//输出false,没有设置过键名为b的数据
859343