数组去重

在实际工作或面试中,我们经常会遇到“数组去重”问题,接下来是我总结的一些实现的数组去重的多种方法:

1.将数组的每一个元素依次与其他元素做比较,发现重复元素,利用数组方法splice()删除重复元素

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5];
function norepeat(arr) {
    for(var i = 0; i < arr.length-1; i++){
        for(var j = i+1; j < arr.length; j++){
            if(arr[i]==arr[j]){
                arr.splice(j,1); 
                j--;
            }
        }
    }
    return arr;
}
var arr2 = norepeat(arr);
console.log(arr2);    //[1, 23, 3, 5, 6, 7, 9, 8]

2.使用双层循环改变原数组

// var arr = [1,1,2,2,3,3,4,4,5,5,4,3,1,2,6,6,6,6];
// console.log(arr); 
// function norepeat(arr){
//     for(var i=0;i<arr.length;i++){
//         for(var j=0;j<arr.length;j++){
//             if(arr[i] == arr[j] && i !=j){
//                 arr.splice(j,1);
//             }
//         }
//     }
//     return arr;
// }   
// var arr2=norepeat(arr);
// console.log(arr2);  //[1, 2, 3, 4, 5, 6]

3.借助新数组,判断新数组中是否存在该元素如果不存在则将此元素添加到新数组中(原数组长度不变但被按字符串顺序排序

//     var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
//     console.log(arr); 
//     function norepeat(arr){
//         var temp=[];
//         var end;       //临时变量用于对比重复元素
//         arr.sort();
//         end=arr[0];
//         temp.push(arr[0]);
//         for(var i=1;i<arr.length;i++){
//             if(arr[i] !=end){   //当前元素如果和临时元素不等则将此元素添加到新数组中
//                 temp.push(arr[i])
//                 end=arr[i]
//             }
//         }
//         return temp;
//     }
// var arr2=norepeat(arr);
// console.log(arr2);   //[1, 23, 3, 5, 6, 7, 8, 9]

4.创建一个新数组,判断新数组中是否存在该元素如果不存在则将此元素添加到新数组中

//     var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
//     console.log(arr); 
//     function norepeat(arr){
//         var temp =[];
//         for(var i=0;i<arr.length;i++){
//             if(temp.indexOf(arr[i]) == -1){
//                 temp.push(arr[i]);
//             }
//         }
//         return temp;
//     }
// var arr2=norepeat(arr);
// console.log(arr2);//[1, 23, 3, 5, 6, 7, 9, 8]

5.借助indexOf()方法判断此元素在该数组中首次出现的位置下标与循环的下标是否相等

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5];
console.log(arr);    
function norepeat(arr) {
    for (var i = 0; i < arr.length; i++) {
        if (arr.indexOf(arr[i]) != i) {
            arr.splice(i,1);//删除数组元素后数组长度减1后面的元素前移
            i--;//数组下标回退
        }
    }
    return arr;
}
var arr2 = norepeat(arr);
console.log(arr2);                //[1, 23, 3, 5, 6, 7, 9, 8]

6.创建一个新数组 通过indexOf方判断当前元素在数组中的索引如果与循环的下标相等则添加到新数组中

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5];
console.log(arr);
function norepeat(arr){
    var temp=[];
    for(var i=0;i<arr.length;i++){
        if(arr.indexOf(arr[i]) == i){
            temp.push(arr[i]);
        }
    }
    return temp;
}
var arr2=norepeat(arr);
console.log(arr2);    //[1, 23, 3, 5, 6, 7, 9, 8]

7.利用数组中的filter方法

  var arr = ["apple","banana","pear","apple","orange","orange"];
console.log(arr);
var arr2 =arr.filter(function(value,index,self){
    return self.indexOf(value) ===index;
});
console.log(arr2);   //["apple", "banana", "pear", "orange"]

8.利用空对象来记录新数组中已经存储过的元素

// var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5];
// console.log(arr);
// var obj={};
// var arr2=[];
// for(var i=0;i<arr.length;i++){
//     if(!obj[arr[i]]){
//         obj[arr[i]]=true;
//         arr2.push(arr[i]);
//     }
// }
// console.log(arr2);   //[1, 23, 3, 5, 6, 7, 9, 8]

9.借助两个新数组

//     var arr = [1,1,2,2,3,3,4,4,5,5,4,3,2,1,1,1];
//     console.log(arr);
//     var arr2=[];
//     for(var i=0;i<arr.length;i++){
//         var arr3=[]; //接收重复数据后面的下标
//         //内层循环找出有重复数据的下标
//         for( var j=i+1;j<arr.length;j++){
//             if(arr[i] == arr[j]){
//                 arr3.push(j); //找出后面重复数据的下标
//             }
//         }
//         // console.log(arr3);
//         if(arr3.length == 0){ //若重复数组没有值说明其不是重复数据
//             arr2.push(arr[i]);
//         }
//     }
//     console.log(arr2);  //[5, 4, 3, 2, 1]

10.此方法没有借助新数组直接改变原数组,并且去重后的数组被排序

// var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
// console.log(arr); 
// function norepeat(arr){
//     var temp;
//     arr.sort();
//     temp=arr[0];
//     for(var i=1;i<arr.length;i++){
//         if(arr[i]==temp){   //当前元素如果和临时元素相等则将此元素从数组中删除
//             arr.splice(i,1);
//             i--;
//         }else{
//             temp=arr[i];
//         }
//     }
//     return arr;
// }
// var arr2=norepeat(arr);
// console.log(arr2);   //[1, 23, 3, 5, 6, 7, 8, 9]

数组去重的方法其实不难,但是思路却是特别重要。以上是我所知道的一些方法,如果有错或者更好方法可以分享出来,谢谢。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容

  • js去重的几种方法: 1.使用indexOf()方法---[a.检查当前数组是否存在;b.比较数组的下标---(借...
    LuckyS007阅读 651评论 0 3
  • 在实际工作或面试中,我们经常会遇到“数组去重”问题,接下来就是使用js实现的数组去重的多种方法: 1.将数组的每一...
    潜水的旱鸭子阅读 7,121评论 1 37
  • 1.遍历数组法 最简单的去重方法,实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中;注意点:判断...
    persistlu阅读 250评论 0 1
  • 面试中js原生命中率特别高,其中数组又是重中之重,关于数组去重,总结了一下几种方法,仅供参考,欢迎批评指正 方法一...
    b9760a805daa阅读 468评论 0 0
  • 今天来聊一聊JS数组去重的一些方法,包括一些网上看到的和自己总结的,总共5种方法(ES5)。 第一种:遍历数组法 ...
    w_zhuan阅读 428评论 0 1