专注Java教育14年 全国咨询/投诉热线:444-1124-454
赢咖4LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 三种ES6数组去重的方法

三种ES6数组去重的方法

更新时间:2022-04-29 09:09:07 来源:赢咖4 浏览3115次

数组去重的常用方法汇总:

方法一:

方法二:

Array.from()

方法三:

function unique(arr) {
    const res = new Map();
    return arr.filter((a) => !res.has(a) && res.set(a, 1))
}

方法四:

数组中对象去重;

let test = [
{
  imageId: '1',
  imageUrl: 'https://raw.githubusercontent.com/perfectSymphony/vue-admin/master/src/assets/logo.png',
},
{
  imageId: '1',
  imageUrl: 'https://raw.githubusercontent.com/perfectSymphony/vue-admin/master/src/assets/logo.png',
},
{
  imageId: '2',
  imageUrl: 'https://raw.githubusercontent.com/perfectSymphony/vue-admin/master/src/assets/logo.png',
},
{
  imageId: '3',
  imageUrl: 'https://raw.githubusercontent.com/perfectSymphony/vue-admin/master/src/assets/logo.png',
},
{
  imageId: '3',
  imageUrl: 'https://raw.githubusercontent.com/perfectSymphony/vue-admin/master/src/assets/logo.png',
},
{
  imageId: '4',
  imageUrl: 'https://raw.githubusercontent.com/perfectSymphony/vue-admin/master/src/assets/logo.png',
}
]<br><br>
objTrim: function(){
    let obj = {};
    this.test= this.test.reduce((cur,next) => {
         obj[next.imageId] ? "" : obj[next.imageId] = true && cur.push(next);
         return cur;
    },[]);
   return this.test;
},

 

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>