js中实现数组去重

Posted haohao-a

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中实现数组去重相关的知识,希望对你有一定的参考价值。

法一:

创建一个新的临时数组来保存数组中已有的元素,indexOf()可以遍历数组

var a = new Array(1,2,2,2,2,5,3,2,9,5,6,3);
Array.prototype.unique1 = function()
    var n = [];     //一个新的临时数组
    for(var i=0; i<this.length; i++)
        //如果把当前数组的第i已经保存进了临时数组, 那么跳过
        if(n.indexOf(this[i]) == -1)
            n.push(this[i]);
        
    
    return n;

console.log(a.unique1());

法二:

使用哈希表存储已有的元素

Array.prototype.unique2 = function()
    var hash = ,
        n = [];     //hash 作为哈希表, n为临时数组
    for(var i=0; i<this.length; i++)
        if(!hash[this[i]])         //如果hash表中没有当前项
            hash[this[i]] = true;   //存入hash表
            n.push(this[i]);        //当前元素push到临时数组中
        
    
    return n;

法三:

使用indexOf判断数组元素第一次出现的位置是否为当前位置,indexOf()可以遍历数组

Array.prototype.unique3 = function()
    var n = [this[0]]; 
    for(var i=1; i<this.length; i++)    //从第二项开始遍历
    
        //如果当前数组元素在数组中出现的第一次的位置不是i
        //说明是重复元素
        if(this.indexOf(this[i]) == i)
            n.push(this[i]);
        
    
    return n;

法四:

先排序再去重

Array.prototype.unique4 = function()
    this.sort(function(a, b) return a - b;);
    var n = [this[0]];
    for(var i=1; i<this.length; i++)
        if(this[i] != this[i-1])
            n.push(this[i]);
        
    
    return n;

 

以上是关于js中实现数组去重的主要内容,如果未能解决你的问题,请参考以下文章

在片段中实现对话框时,必须在添加内容之前请求窗口功能

vue中实现变异数组和非变异数组的方法

在片段中实现 onClickListener

在多个片段中的片段中实现选项卡

JS中实现字符串和数组的相互转化

尝试在片段中实现 OnClick 侦听器 [重复]