常用Javascript数组去重复方法

约定不等于承诺〃 2022-09-05 14:51 261阅读 0赞

方法一（filter）：

function unique(arr1) {
        const res = new Map();
        return arr1.filter((a) => !res.has(a.siteId) && res.set(a.siteId, 1))
    }
    function unique(array) {
      return array.filter(function(item, index, array){
        return (item && !isNaN(item) &&array.indexOf(item) === index);
      });
     }

方法二（indexOf）：

function unique(array) {
      let res = [];
      const len = array.length;
      for (let i = 0; i < len; i++) {
        let current = array[i];
        if (res.indexOf(current) === -1) {
          res.push(current)
        }
      }
      return res;
    }

方法三（splice）：

function unique(array) {
        const len = array.length;
      for (let i = 0; i < len;) {
        if (array[i] === array[i + 1]) {
          array.splice(i + 1, 1);
        } else {
          i++;
        }
      }
      return array;
    }

方法四（sort）：

function distinct(array) {
        var res = [];
        var sortedArray = array.concat().sort();
        var seen;
        for (var i = 0, len = sortedArray.length; i < len; i++) {
            // 如果是第一个元素或者相邻的元素不相同
            if (!i || seen !== sortedArray[i]) {
                res.push(sortedArray[i])
            }
            seen = sortedArray[i];
        }
        return res;
    }

方法五（hasOwnProperty）：

function unique(arr) {
        var obj = {}
        return arr.filter(function(item, index, array){
            return obj.hasOwnProperty(typeof item + item) ? 
            false : 
            (obj[typeof item + item] = true)
        })
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，261人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript——常用数组方法重构

目录栈与队列方法 1 pop() 方法用于删除数组的最后一个元素并返回删除的元素。 2 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 3 s

谁践踏了优雅/ 2024年04月08日 09:24/ 0 赞/ 68 阅读

相关 JavaScript数组Array常用方法

常用内置方法 fill() 将一个固定值替换数组的元素，并返回一个新的数组，`不改变原数组`。 > 语法：array.fill(value, start, end

拼搏现实的明天。/ 2022年09月16日 01:19/ 0 赞/ 331 阅读

相关常用Javascript数组去重复方法

方法一（filter）： function unique(arr1) { const res = new Map(); return

约定不等于承诺〃/ 2022年09月05日 14:51/ 0 赞/ 262 阅读

相关 javascript数组去重方法

> 思路：创建一个新的空数组，循环遍历旧数组，用indexOf()方法，可以取得元素在数组中的位置，如果值为-1表示不存在。那么新数组用indexOf去获取老数组的每一个元素，

ゞ浴缸里的玫瑰/ 2022年07月12日 23:29/ 0 赞/ 219 阅读

相关数组去重复

数组去重复 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-

Dear 丶/ 2022年06月13日 02:46/ 0 赞/ 240 阅读

相关数组去重复方法总结

数组去重复方法总结 // 方法一思路：创建一个存放原数组第一个数的新数组，用原数组与新数组的数一一对比，不同则存放进新数组里 function

墨蓝/ 2022年06月10日 06:42/ 0 赞/ 292 阅读

相关数组去重复

方法一：双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组 [?][Link 1] <table style="margin-le

古城微笑少年丶/ 2022年05月26日 12:12/ 0 赞/ 240 阅读

相关 JavaScript数组常用方法

JavaScript数组常用方法数组所谓数组，就是一堆数据的集合（容器），里面存放各种各样的数据。 var arr = ['a'

痛定思痛。/ 2022年03月17日 01:22/ 0 赞/ 412 阅读

相关 JavaScript数组常用方法

文章目录 0. 数据：取用与插入 1.“瑞士军刀”：splice 2.亦可用于字符串：slice 3.连接：concat 4.查找索引：in

小鱼儿/ 2021年11月17日 12:48/ 0 赞/ 456 阅读

相关 javascript js 去数组重复数据

//去数组重复数据 Array.prototype.unique = function() { var newArray = new Array(

向右看齐/ 2021年09月10日 05:46/ 0 赞/ 384 阅读