js对象数组根据对象属性删除对象
更新时间：2023年07月03日 23:48:48 作者：longzhoufeng
这篇文章主要介绍了js对象数组根据对象属性删除对象,需要的朋友可以参考下
根据id查找到对象数组里面的对象，然后移除该对象
array 是定义的数组
var ary = [{id:1,name:"b"},{id:2,name:"b"}];
for (var i = 0;i < ary.length; i++){
if (ary[i].id==2){
ary.splice(i,1);
}
}
console.log(ary);js根据数组对象属性删除里面的指定对象
1、原数组
let list = [
{type:"aaaaaa", name:'张三'},
{type:"bbbbbb", name:'李四'},
{type:"cccccc", name:'王五'}
];2、错误方法（网上大部分都是这种错误的代码）
function removeByValue(arr, attr, value) {
let index = 0;
for (let i in arr) {
if (arr[i][attr] === value) {
index = i;
break;
}
}
arr.splice(index, 1);
}
removeByValue(list,"type","aaaaaa");
console.log(list);上面网上大部分的代码，但是这个是有问题的，有很大的问题，我们的需求是，在已有的数组中，根据指定对象的属性值，删除这个指定对象，问题来了，每一次操作，都删除了一个下标的对象，不管它是否存在，都会把一个下标的对象删除。
3、正确的写法：
function removeByValue(arr, attr, value) {
let index = 0;
let flag = false;
for (let i in arr) {
if (arr[i][attr] === value) {
index = i;
flag = true
break;
} else {
flag = false
}
}
if (flag) {
arr.splice(index, 1);
}
}到此这篇关于js对象数组根据对象属性删除对象的文章就介绍到这了,更多相关对象属性删除对象内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
渲染真实DOM的开销很大，有时候我们修改了某个数据，直接渲染到真实dom上会引起整个dom树的重绘和重排。我们希望只更新我们修改的那一小块dom，而不是整个dom，diff算法就帮我们实现了这点。diff算法的本质就是：找出两个对象之间的差异，目的是尽可能做到节点复用2022-12-12
本文给大家分享的是使用纯JS实现的简单的拖拽效果的插件，算是对自己javascript学习的一个小的检验，如果小伙伴们需要复杂的拖拽效果，还是考虑jQuery的draggable吧，更成熟一些。2015-03-03
原生js添加节点appendChild、insertBefore方式
这篇文章主要介绍了原生js添加节点appendChild、insertBefore方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了JavaScript数组实例的9个方法,文章围绕主题展开详细的内容介绍没具有一定的参考价值，需要的朋友可以参考一下2022-07-07
这篇文章主要为大家详细介绍了JavaScript实现下拉列表选择框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了JS求1到任意数之间的所有质数，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
JavaScript高级程序设计 阅读笔记（十七） js事件
IE中是冒泡型事件，即从最特定的事件目标到最不特定的事件目标2012-08-08
在JavaScript中处理日期和时间可以使用内置的Date对象,Date对象提供了多种方法和属性来操作和格式化日期和时间,这篇文章主要介绍了js中date对象使用方法的相关资料,需要的朋友可以参考下2026-01-01
这篇文章主要介绍了javascript中attachEvent用法,实例分析了javascript中事件绑定的相关技巧,需要的朋友可以参考下2015-05-05
前后端分离开发模式中,无论前后端都有可能区分不同的环境配置,下面这篇文章主要给大家介绍了关于uniapp微信小程序多环境配置以及使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05
最新评论