后端返回重复数据，去重后渲染到页面（ES6去重）

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

重复的数据

let data = [
    0: {name: "男", value: 16}
    1: {name: "女", value: 31}
    2: {name: "未知性别", value: 2}
    3: {name: "未知性别", value: 2}
    ]

封装代码

 function removalRepeat(arr) {
              let map = new Map();//map让键不限于字符串
              for (let i of arr) {
                if (!map.has(i.name)) {//has方法可以判断Map对象中是否存在指定元素,有则返回true，否则返回false
                  map.set(i.name, i);
                }//set方法可以向Map对象添加新元素 map.set(key, value)
              }
              arr = [...map.values()]; //values方法可以返回Map对象值的遍历器对象
              console.log("11111113", arr);
              return arr;
            }
   let obj = removalRepeat(data);

打印的结果

[
    {name: "男", value: 16}
    {name: "女", value: 31}
    {name: "未知性别", value: 2}
]