html开发中三种好用的数组去重方法解析

html开发中三种好用的数组去重方法解析。

   var a = [5,6,5,4,'3',{},3,'字符']

方法一:建立新数组，利用indexOf判断是否存在于新数组中，不存在则push到新数组，最后返回新数组。

    function unique0() {
        let ret = [];
        for(let i = 0;len = a.length,i < len;i ++){
            if(ret.indexOf(a[i]) === -1){
                ret.push(a[i])
            }
        }
        return ret
    }
    console.log(unique0(a))

方法二：利用object对象保存数组值，判断数组值是否已经保存在object中，未保存则push到新数组并用object[key]=1的方式记录保存。

   function unique1(a) {
        let ret = [];
        let hash = {};
        for(let i = 0;len = a.length,i < len ;i ++){
            let key = typeof a[i] + a[i]//数据类型判断，避免隐式类型换
            if(!hash[key]){
                hash[key] = 1;
                ret.push(a[i])
            }
        }
        return ret
    }
    console.log(unique1(a))

方法三：ES6：set（新的数据结构，类似于数组，但是成员的值都是唯一的，没有重复的值。），新方法Array.from（Array增加了from函数用来将其他对象转换成数组）。

    function unique2(a) {
            let ret = new Set(a)
            return Array.from(ret)
    }
    console.log(unique2(a))