js合并两个数组对象并且去掉重复的内容（map结合find）

demo如下：

 const arr1 = [{id:'1',name:'小红'},{id:'2',name:'小绿'},{id:'3',name:'小黄'}];
 const arr2 = [{id:'1',name:'小红'},{id:'5',name:'小兰'},{id:'6',name:'小花'}];
 let data = [...arr1]; //合并后的数组
 arr2.map(item => {
    const obj = arr1.find(value=>value.id == item.id); //分别判断arr1里面是否含           有arr的元素
    if(!obj){
           data.push(item);
     };
});
console.log('合并后的数组对象--->',data);