JavaScript 实现数组去重

作者: 番茄沙司a | 来源:发表于2018-11-20 12:50 被阅读6次

方法一:双重遍历

var arr = [1, 1, 2, 3, 5, 5, 9, 2, 4];

function uniq(array) {
    for (let i = 0; i < array.length - 1; i++) {
        for (let j = i + 1; j < array.length; j++) {
            if (array[i] == array[j]) {
                array.splice(j, 1); 
                j--; 
            }
        }
    }
    return array;
}
var DuplicatedArr = uniq(arr);

console.log(DuplicatedArr);

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

var arr = [1, 1, 2, 3, 5, 5, 9, 2, 4];

function uniq(array) {
    for (let i = 0; i < array.length; i++) {
        if (array.indexOf(array[i]) != i) {
            array.splice(i, 1);
            i--;
        }
    }
    return array;
}
var DuplicatedArr = uniq(arr);

console.log(DuplicatedArr);

方法三:新建一个新数组,遍历传入数组,值不在新数组就push进该新数组中

var arr = [1, 1, 2, 3, 5, 5, 9, 2, 4];

function uniq(array) {
    let temp = [];
    for (let i = 0; i < array.length; i++) {
        if (temp.indexOf(array[i]) == -1) {
            temp.push(array[i]);
        }
    }
    return temp;
}
var DuplicatedArr = uniq(arr);

console.log(DuplicatedArr);

方法四:排序后相邻去除法
排序后相同值相邻,所以遍历时新数组只需要判断不与前一值重复。

var arr = [1, 1, 2, 3, 5, 5, 9, 2, 4];

function uniq(array) {
    array.sort();
    var temp = [array[0]];
    for (let i = 1; i < array.length; i++) {
        if (array[i] !== temp[temp.length - 1]) {
            temp.push(array[i]);
        }
    }
    return temp;
}

var DuplicatedArr = uniq(arr);

console.log(DuplicatedArr);

方法五:对象键值法

var arr = [1, 1, 2, 3, 5, 5, 9, 2, 4];

/**
 * 空间换时间
 * 思路:新建一个js对象以及新数组,遍历传入数组时,判断值是否为js对象的键
 * 不是的话给对象新增该键并放入新数组
 * 注意:判断是否为js对象键时,会自动对传入的键执行 toString()
 * 不同的键可能会被误认为一样,例如 n[1] n["1"]
 * 解决上述问题需要调用 indexOf()
 * @param {*} array 
 */
function uniq(array) {
    var temp = {},
        r = [],
        len = array.length,
        val, type;
    for (var i = 0; i < len; i++) {
        val = array[i];
        type = typeof val;
        if (!temp[val]) {
            temp[val] = [type];
            r.push(val);
        } else if (temp[val].indexOf(type) < 0) {
            temp[val].push(type);
            r.push(val);
        }
    }
    return r;
}
var DuplicatedArr = uniq(arr);

console.log(DuplicatedArr);

方法六:优化遍历数组法

var arr = [1, 1, 2, 3, 5, 5, 9, 2, 4];

/**
 * 推荐的方法
 * 获取没重复的最右一值放入新数组
 * 检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断
 * @param {*} array 
 */
function uniq(array) {
    var temp = [];
    var index = [];
    var l = array.length;
    for (var i = 0; i < l; i++) {
        for (var j = i + 1; j < l; j++) {
            if (array[i] === array[j]) {
                i++;
                j = i;
            }
        }
        temp.push(array[i]);
        index.push(i);
    }
    return temp;
}
var DuplicatedArr = uniq(arr);

console.log(DuplicatedArr);

相关文章

  • JavaScript 实现数组去重

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

  • JavaScript实现数组去重

    前言 数组去重方法老生常谈,既然是常谈,我也来谈谈。 双层循环 indexOf 我们可以用 indexOf 简化内...

  • Array集结号

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

  • 【JavaScript】数组去重

    话说面试常会碰到面试官会问JavaScript实现数组去重的问题,最近刚好在学习有关于JavaScript数组相关...

  • JavaScript数组去重算法实例

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

  • JS实现数组去重常用的六种方法

    双重for循环去重 includes实现数组去重 indexOf实现数组去重 利用set方法去重 ES6 Arra...

  • javascript数组去重,数组对象去重

    利用Reduce去重 function unique(arr) {var obj = {};arr = arr.r...

  • JavaScript - 数组去重

    数组去重 1.for循环 2.0 少了多少行代码~~~ 3.0 indexOf 4.0 map/forEach E...

  • javascript 数组去重

    es6数组去重的方法

  • JavaScript 数组去重

    数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你...

网友评论

    本文标题:JavaScript 实现数组去重

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