[JavaScript]用es5，es6分别封装一个数组去重的方法

DaftJayee

于 2020-08-13 18:59:19 发布

阅读量516

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript 前端面试题 es6

本文链接：https://blog.youkuaiyun.com/qq_43540219/article/details/107987922

javascript 同时被 3 个专栏收录

112 篇文章

订阅专栏

前端面试题

67 篇文章

订阅专栏

es6

14 篇文章

订阅专栏

本文对比了使用ES5和ES6进行数组去重的两种方法。ES5利用对象属性的唯一性实现去重，而ES6通过Set集合的特性轻松完成任务。ES5方法将5和'5'视为重复，ES6则区分不同类型。

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

用es5，es6分别封装一个数组去重的方法

一、es5
通过对象变量名唯一去重
重复的判定条件为==，即只看值不看类型，5和’5‘也算重复

    var arr = [5, '5', 5, 7, '8', 8, 9, '9']
    function unique(arr) {
        var brr = [],
            obj = {};
        for (var i = 0; i < arr.length; i++) {
            if (!obj[arr[i]]) {
                //若对象中没有arr[i]则
                //obj[arr[i]]返回undefined
                //!obj[arr[i]]=true
                obj[arr[i]] = true; //设置val为true
                brr.push(arr[i])
            }
        }
        return brr;
    }
    console.log(unique(arr));
    //[5, 7, "8", 9]

二、es6
通过new Set去重
重复的判定条件为===，即既只看值也看类型，5和’5‘不算重复

    var arr = [5, '5', 5, 7, '8', 8, 9, '9']
    var set=new Set(arr);
    console.log([...set]);
    //[5, "5", 7, "8", 8, 9, "9"]

Set有关用法与函数参考：
https://github.com/ruanyf/es6tutorial/blob/323e9620a78167f0feee1ca9905180a33d3ab77f/docs/set-map.md