js根据属性删除对象数组里的相应对象
更新时间：2023年07月03日 23:54:01 作者：方小川
这篇文章主要介绍了js根据属性删除对象数组里的相应对象,需要的朋友可以参考下
比如一个卡列表，要在这个列表中删除其中一项，删除后不重新调获取接口，而是直接前端更新页面，比如用vue只要改变开始卡列表的model就会自动渲染页面。
这个卡列表的model自然是一个对象数组[{cardid:001,cardno:"432434234"},{cardid:002,cardno:"546436"},...]，cardid是唯一的，每一项都不一样，删除的时候就根据这个属性来删除。
下面就是根据属性从对象数组里删除对应对象的方法：（一次只能删一个）
removeByValue: function(arr, attr, value) { //数组，属性，属性值
var index=0;
for(var i in arr){
if(arr[i][attr]==value){
index=i;
break;
}
}
arr.splice(index,1);
}使用这个方法的时候，只要在调用删除接口的success回调里这样写
Util.removeByValue(that.cards,"cardid",cardId); //卡列表数组，属性，被删卡的属性值
根据对象数组中某一属性的值删除包含这一属性值的对象
// 原数组
var cars = [
{type:"BMW", year:2017},
{type:"Audi", year:2019},
{type:"porsche", year:2018}
];
// 方法
function removeByValue(arr, attr, value)
{
var index=0;
for(var i in arr){
if(arr[i][attr]==value){
index=i;
break;
}
}
arr.splice(index,1);
}
removeByValue(cars,"type","BMW");
console.log(cars);箴言：因为这些东西是非常简单的。不要抱怨自己学不会，那是因为你没有足够用心。
相关文章
这篇文章主要介绍了使用Javascript删除指定元素节点的方法,通俗易懂,需要的朋友可以参考下。2016-06-06
这篇文章主要为大家详细2022-09-09
介绍了微信小程序实现小型计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了前端CryptoJS加密、后端JAVA解密代码实现参考,需要的朋友可以参考下2023-12-12
这篇文章主要为大家详细介绍了Bootstrap警告（Alerts）的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要为大家详细介绍了微信小程序加法计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-09-09
展开运算符是JavaScript中的语法糖,用三个点(...)表示,广泛应用于数组和对象的操作,本文介绍了其基本用法,如在数组和对象中的应用,合并数组或对象,更新对象属性等,还探讨了展开运算符的高级应用,需要的朋友可以参考下2024-09-09
这篇文章主要为大家介绍了js实现监听键盘事件示例代码，监听键盘组合键CTRL+C，以便做出对应的响应，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章将深入探讨Virtual DOM（虚拟DOM）的概念,分析其对前端开发的革新影响,并以此展示前端技术的深度和魅力,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
这篇文章主要为大家详细介绍了js实现数组冒泡排序、快速排序的原理，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要为大家详细介绍了微信小程序实现倒计时补零功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
最新评论