JavaScript中删除两个数组对象中id相同的对象以及根据id删除数组中对象。-Toy模板网

这篇具有很好参考价值的文章主要介绍了JavaScript中删除两个数组对象中id相同的对象以及根据id删除数组中对象。。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、filter、some方法删除两个数组对象中id相同的对象

 let arr1=[{id:1,name:"张三"},{id:2,name:"李四"}]
 let arr2=[{id:1,name:"张三"},{id:3,name:"老刘"},{id:6,name:"老牛"},{id:8,name:"老万"},]
 let add=arr1.filter(item=>!arr2.some(ele=>ele.id===item.id));  //数组1新数组
 let add1=arr2.filter(item=>!arr1.some(ele=>ele.id===item.id)); //数组2新数组

JavaScript中删除两个数组对象中id相同的对象以及根据id删除数组中对象。,JavaScript,javascript,前端

1. filter方法

定义和用法

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。
注意： filter() 不会改变原始数组。

语法

array.filter(function(currentValue,index,arr), thisValue)

参数说明
JavaScript中删除两个数组对象中id相同的对象以及根据id删除数组中对象。,JavaScript,javascript,前端

2. some方法

定义和用法

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。
some() 方法会依次执行数组的每个元素：

1.如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
2.如果没有满足条件的元素，则返回false。

注意： some() 不会对空数组进行检测。
注意： some() 不会改变原始数组。

语法

array.some(function(currentValue,index,arr),thisValue)

参数说明
JavaScript中删除两个数组对象中id相同的对象以及根据id删除数组中对象。,JavaScript,javascript,前端

二、删除数组中id相同的数据

方法一

let arr1=[{id:1,name:"张三"},{id:3,name:"老刘"},{id:3,name:"老刘"},{id:8,name:"老万"},]
let hash = [];
const newArr = arr1.reduce((pre, cur) => {
  hash[cur.id] ? '' : (hash[cur.id] = true && pre.push(cur));
  return pre;
}, []);
console.log('过滤掉重复的数据newArr===', newArr);

JavaScript中删除两个数组对象中id相同的对象以及根据id删除数组中对象。,JavaScript,javascript,前端
JavaScript中reduce()详解及使用方法。

方法二：

let arr = [
  {id: 1, name: 'Tom'},
  {id: 2, name: 'Jerry'},
  {id: 3, name: 'Mickey Mouse'}
];
function removeById(arr, id) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i].id === id) {
      arr.splice(i, 1);
      break;
    }
  }
  return arr;
}
console.log(removeById(arr, 2));
// [{id: 1, name: 'Tom'}, {id: 3, name: 'Mickey Mouse'}]

三、删除数组中的某个指定元素

let index = this.fileList.indexOf(filename)
if (index > -1) {
  this.fileList.splice(index, 1)
}

其中fileList为我的数组，我要找到fileList中为filename的元素，并把它删除。
用indexOf()函数找到他的位置index，如果没有找到这个元素那么index将会等于-1；
用splice()函数删除第index位置的1个元素；
这样就可以把filename删除了。

四、删除数组中的指定数组对象

this.fileList.forEach((value,index,array)=>{
  if(value.filename == obj.filename){
    array.splice(index,1)
  }
})

删除指定数组对象，是通过判断对象某个属性（最好是具有唯一性的属性）是否相等，进而将这整个数组对象删除的。
我这里是删除fileList中包含属性为指定filename的数组对象。文章来源地址https://www.toymoban.com/news/detail-776823.html

五、已知对象id，删除数组中的对应对象

var arr = [
  {id: 1, name: 'Tom'},
  {id: 2, name: 'Jerry'},
  {id: 3, name: 'Mickey Mouse'}
];
function filterArr(list,id){

  list = list.filter(item => item.id !== id)
  return list

}
var a=filterArr(arr,2);