站内搜索:
首页 >> 前端 >> 内容
html开发中三种好用的数组去重方法解析

时间:2017/11/21 11:26:10

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))

  • 上一篇:html开发中css常见的对齐操作分享
  • 下一篇:postman测试Node编写的post接口时产生的错误
  • 返回顶部