标签：es6 code name map 对象 age abc 数组 other

需求

• 将数据处理后产生的code相同的数据去除后返回给后端

解决

• 处理后产生的重复数据

// 处理后产生的重复数据
let tableList = [
  { code: '001', name: 'aaa', age: '18', other: 'abc' },
  { code: '002', name: 'bdfd', age: '28', other: 'abc' },
  { code: '002', name: 'aasdf', age: '98', other: 'abc' },
  { code: '003', name: 'aadfa', age: '26', other: 'abc' },
  { code: '004', name: 'afsa', age: '18', other: 'abc' }
]

• 封装去重方法
  • has方法可以判断Map对象中是否存在指定元素,有则返回true，否则返回false
  • set方法可以向Map对象添加新元素 map.set(key, value)
  • values方法可以返回Map对象值的遍历器对象
  • 使用 for-of 循环

// 封装去重方法
function removalRepeat (arr) {
  let map = new Map()
  for (let i of arr) {
    if (!map.has(i.code)) {
      map.set(i.code, i)
    }
  }
  arr = [...map.values()]
  console.log(arr)
}

也可以将唯一值作为map的键(这里的code)，键不会重复

set (key,value) 设置  如果之前有过key值就修改，没有就增加 返回新的map实例

// 封装去重方法
function removalRepeat (arr) {
  let map = new Map()
  for (let i of arr) {
      map.set(i.code, i)
  }
  arr = [...map.values()]
  console.log(arr)
}

• 结果

removalRepeat(tableList)
// 打印的数据
[
  { code: '001', name: 'aaa', age: '18', other: 'abc' },
  { code: '002', name: 'bdfd', age: '28', other: 'abc' },
  { code: '003', name: 'aadfa', age: '26', other: 'abc' },
  { code: '004', name: 'afsa', age: '18', other: 'abc' }
]

标签：es6,code,name,map,对象,age,abc,数组,other
来源： https://blog.csdn.net/weixin_44757417/article/details/114004337

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。