如何将JavaScript数组对象数组中删除某一项操作改写成长尾？

本文共计705个文字，预计阅读时间需要3分钟。

目录 + 数组/对象数组删除其中一项 + 移除对象数组中指定元素 + 数组/对象数组删除其中一项 + 由于日常工作中经常需要操作数组，最经常使用的操作就是删除操作 + 对删除一词的解析：在数组或对象数组中，删除是指将指定位置的元素从数组中移除，从而减少数组的长度。

目录

• 数组/对象数组删除其中某一项
• 移除对象数组中指定元素

数组/对象数组删除其中某一项

由于日常工作中经常需要对数组进行操作，最经常使用到的就是对数组进行的删除操作

对于我们前端来说，数组有两种区别

• 1、var arr = [ 'aaa' , 'bbb' , 'ccc' , ' ddd' , 'eee' ] 这种暂且称之为纯数组
• 2、var jsonArr = [ { name: 'cz' , age: '25'} , { name: 'mp' , age: '18'} , { name:'lyy' , age: '18' } ] 这种暂且称之为对象数组

首先，我们要删除数组中的某一项，我们一定要知道下边三种条件中的其中一种，才能达到精确删除的目的

1、知道要删除项在数组中的下标

2、知道要删除项的值

3、如果要删除项是一个对象，而且我们知道这个对象中的唯一属性值

//1、知道要删除项的下标值 //index为删除项的下标值  arr为源数组 var arrRemoveIndex = function(index,arr) {     if (!arr || arr.length == 0) {         return ""     }     arr.splice(index,1)     return arr }   //2、知道要删除项的值 //it 为要删除项的值  arr为源数组 var arrRemove = function (it, arr) {     if (!arr || arr.length == 0) {         return ""     }     let flag = arr.indexOf(it)     if (flag > -1) {         arr.splice(flag, 1)         return arr     } else {         console.log("未查找到该元素")     } }   //3、如果要删除项为对象，我们需要知道该对象属性中的唯一值（不会重复的值） //arr是源数组，attr是目标数组中的属性名称，value是要删除的属性名称对应的值 var arrRemoveJson = function (arr, attr, value) {   if (!arr || arr.length == 0) {     return ""   }   let newArr = arr.filter(function (item, index) {     return item[attr] != value   })   return newArr }   let arr = ['aaa','bbb','ccc','ddd'] let arrJson = [{ id: 1 , name: 'cz'},{ id: 2 , name: 'mp'},{ id: 3 , name: 'xp'}]; let newArr1 = arrRemoveIndex(1,arr);  // ['aaa','ccc','ddd'] let newArr2 = arrRemove('bbb',arr);   // ['aaa','ccc','ddd'] let newArr3 = arrRemoveJson(arr,'id','2') //[{id:1,name:'cz'},{id:3,name:'xp'}]

以上可以放到工具类，方便反复调用。

移除对象数组中指定元素

arr.splice(arr.findIndex(i => i.id === id), 1);

这些仅为个人经验，希望能给大家一个参考，也希望大家多多支持自由互联。