JS实现数组/对象数组删除其中某一项
作者:NAMECZ
这篇文章主要介绍了JS实现数组/对象数组删除其中某一项,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
数组/对象数组删除其中某一项
由于日常工作中经常需要对数组进行操作,最经常使用到的就是对数组进行的删除操作
对于我们前端来说,数组有两种区别
- 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);
这些仅为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。