JavaScript 实现数组去重

方法一:双重遍历

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);
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 数组去重的多种方法 遍历数组法 实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中;注意点:判断值...
    啾啾哒阅读 4,974评论 0 0
  • 1.遍历数组法 最简单的去重方法, 实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中;注意点:判...
    LuckyS007阅读 3,496评论 0 3
  • 1.遍历数组法最简单的去重方法,实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中;注意点:判断值...
    祈澈菇凉阅读 11,376评论 1 37
  • 儿子说,为什么你不用美篇了?我说想试试嘛,尝试一下新事物。时代发展太快,日新月异,总是脚步匆匆,感觉力不从心了。但...
    禹西_98d4阅读 1,293评论 0 0
  • 很多人有这样一个感慨。很多学历低的文盲能成为一个个富豪。而学历很高的硕士,博士,研究生,最终只能成为这些文盲的下属...
    明朗眼光阅读 1,306评论 0 0