数组去重的方式

王小红丶

于 2021-04-30 11:04:18 发布

阅读量111

点赞数

CC 4.0 BY-SA版权

分类专栏：数组去重文章标签： javascript

本文链接：https://blog.youkuaiyun.com/w_xiaohong/article/details/116296541

数组去重专栏收录该内容

1 篇文章

订阅专栏

本文介绍了五种JavaScript数组去重的方法，包括暴力去重、使用ES6的Set、filter结合indexOf、for循环加indexOf以及for循环加includes。这些方法各有特点，适用于不同的场景，帮助开发者更高效地处理数组中的重复元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种: (最暴力)

Array.prototype.uniq = function () {
    var args = this;
    var len = args.length;
    var result = [];
    var flag = true;
    for (var i = 0; i < len; i++) {
        if (args.indexOf(args[i]) != -1) {//NaN不等于任何，包括他自身,所以args.indexOf(args[i])遇到NaN永远返回-1
            if (i === args.indexOf(args[i])) {
                 result.push(args[i]);
            }
        } else if (flag) {
            result.push(args[i]);
            flag = false;
        }
     }
    return result
}

第二种: (es6, 最简单)

Array.prototype.uniq2 = function () {
    return Array.from(new Set(this))
}

第三种: filter() + indexOf()

let uniq3 = ary.filter((t, idx, arr) => {
    return ary.indexOf(t) === idx
})

第四种: for循环 + indexOf()

function uniq4(arr) {
    let newAry = [];
    for (let i = 0; i < arr.length; i++) {
        if (newAry.indexOf(arr[i]) === -1) {
            newAry.push(arr[i])
        }
    }
        return newAry
}

第五种: for循环 + includes()

function uniq5(arr) {
    let res = [];
    for (let i = 0; i < arr.length; i++) {
        if (!res.includes(arr[i])) {
            res.push(arr[i])
        }
    }
    return res
}