美文网首页
javascript数组去重的几种写法

javascript数组去重的几种写法

作者: 丶梵天 | 来源:发表于2016-08-23 16:12 被阅读36次

最近看到群里一些人问数组去重怎么写,刚好之前看了些这方面的资料,总结了几种js去重的方案,在此记录一下,当然还有更多方式的写法

方式一(通过JSON对象的机制实现)

/**
* [arrToRepeat1 方式1]
* @param  {[type]} arr [要处理的原数组]
* @return {[type]}     [返回去重的新数组]
*/
function arrToRepeat1(arr){
    var tmpObj = {};    //定义一个临时JSON对象
    var newArr = [];    //定义一个临时新数组
    for (var i = 0; i < arr.length; i++) {
        if( !tmpObj[ arr[i] ] ) {   //如果临时对象中找不到数组元素这个属性
            tmpObj[ arr[i] ] = 1;   //给临时对象添加数组元素这个属性,并随意赋一个值
            newArr.push(arr[i]);    //把没有重复的数组属性push到临时新数组当中
        }
    }
    return newArr; //最后返回去重后的新数组            
}

方式二(通过indexOf查找结果数组)

/**
* [arrToRepeat1 方式2]
* @param  {[type]} arr [要处理的原数组]
* @return {[type]}     [返回去重的新数组]
*/
function arrToRepeat2(arr){
    var tmpArr = []; //定义一个临时数组
    for (var i = 0; i < arr.length; i++) {
        //通过indexOf查找临时数组中是否存在当前迭代的元素
        if( tmpArr.indexOf( arr[i] ) == -1 ) {
            //如果不存在,则push到临时数组当中
            tmpArr.push(arr[i]);
        }
    }
    return tmpArr;  //最后返回去重后的新数组     
}

方式三

/**
* [arrToRepeat1 方式3]
* @param  {[type]} arr [要处理的原数组]
* @return {[type]}     [返回去重的新数组]
*/
function arrToRepeat3(arr){
    var tmpArr = [ arr[0] ];    //结果数组
    for (var i = 1; i < arr.length; i++) { //tmpArr默认保存了一项,所以索引从1开始
        //如果当前数组的第i项,在当前数组中第一次出现的位置不是i
        if( arr.indexOf(arr[i]) == i ) {
            //那么表示第i项是重复的,忽略掉,否则存入结果数组
            tmpArr.push(arr[i]);
        }
    }
    return tmpArr;  //最后返回去重后的新数组
}

方式四(据说效率最高)

/**
* [arrToRepeat1 方式4]
* @param  {[type]} arr [要处理的原数组]
* @return {[type]}     [返回去重的新数组]
*/
function arrToRepeat4(arr){
    arr.sort(); //先把原数组使用内置函数排序
    var tmpArr = [ arr[0] ];    //结果数组
    for (var i = 1; i < arr.length; i++) { //tmpArr默认保存了一项,所以索引从1开始
        //比较相邻的两个值
        if( arr[i] != tmpArr[ tmpArr.length - 1 ] ) {
            tmpArr.push(arr[i]);
        }
    }
    return tmpArr;  //最后返回去重后的新数组
}

方式五(比较麻烦,不推荐)

/**
* [arrToRepeat1 方式5]
* @param  {[type]} arr [要处理的原数组]
* @return {[type]}     [返回去重的新数组]
*/
function arrToRepeat5(arr){
    var tmpArr = [ arr[0] ];    //结果数组
    for (var i = 1; i < arr.length; i++) { //tmpArr默认保存了一项,所以索引从1开始
        //如果函数返回true,则表示临时数组中没有该项
        if( toCon(arr[i]) ) {
            tmpArr.push(arr[i]);
        }
    }
    function toCon(value) {
        for (var i = 0; i < tmpArr.length; i++) {
            //判断结果数组中的项,是否和value相等,相等返回false
            if( tmpArr[i] == value ) {
                return false;
            }
        }
        return true;    //不相等返回true
    }
    return tmpArr;  //最后返回去重后的新数组
}

相关文章

  • javascript数组去重的几种写法

    最近看到群里一些人问数组去重怎么写,刚好之前看了些这方面的资料,总结了几种js去重的方案,在此记录一下,当然还有更...

  • 嵌套数组扁平化和数组去重性能检测

    前言: 常规的数组扁平化的写法以及常见的面试中数组去重的几种写法,顺便记录一下数组去重的性能分析,特别是面对大量数...

  • 前端面试题 笔记 Javascript篇

    Javascript Async 和 await Let const var 作用域 数组去重 几种? 节流和防抖...

  • Array集结号

    实现数组去重的几种方法 数组去重一 数组去重二 利用数组indexof+push实现数组去重 数组去重三 利用对象...

  • js:数组去重

    数组去重的常见写法: 数组去重封装成方法: es6的数组去重(Array.from):

  • 数组去重(两种方法)

    数组去重(面向对象 && 链式写法)

  • JavaScript几种数组去重方法

    学习了ES6之后,接触了2种更为简洁的方法 方法一: functionunique1(arr) { //定义常量 ...

  • 数组去重封装

    上次写到了数组去重的几种方式数组去重的几种方式,那么今天就让我们来封装一下数组去重吧。 就在数组原型上封装吧! 源...

  • JavaScript数组去重算法实例

    本文主要介绍了JavaScript数组去重算法,结合实例形式总结分析了JavaScript数组去重相关的读写、遍历...

  • JavaScript数组去重的几种方法

    贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill 一个方法,遍历数组...

网友评论

      本文标题:javascript数组去重的几种写法

      本文链接:https://www.haomeiwen.com/subject/hcigsttx.html