js根據(jù)屬性刪除對(duì)象數(shù)組里的相應(yīng)對(duì)象
比如一個(gè)卡列表，要在這個(gè)列表中刪除其中一項(xiàng)，刪除后不重新調(diào)獲取接口，而是直接前端更新頁(yè)面，比如用vue只要改變開(kāi)始卡列表的model就會(huì)自動(dòng)渲染頁(yè)面。
這個(gè)卡列表的model自然是一個(gè)對(duì)象數(shù)組[{cardid:001,cardno:"432434234"},{cardid:002,cardno:"546436"},...]，cardid是唯一的，每一項(xiàng)都不一樣，刪除的時(shí)候就根據(jù)這個(gè)屬性來(lái)刪除。
下面就是根據(jù)屬性從對(duì)象數(shù)組里刪除對(duì)應(yīng)對(duì)象的方法：（一次只能刪一個(gè)）
removeByValue: function(arr, attr, value) { //數(shù)組，屬性，屬性值
var index=0;
for(var i in arr){
if(arr[i][attr]==value){
index=i;
break;
}
}
arr.splice(index,1);
}使用這個(gè)方法的時(shí)候，只要在調(diào)用刪除接口的success回調(diào)里這樣寫(xiě)
Util.removeByValue(that.cards,"cardid",cardId); //卡列表數(shù)組，屬性，被刪卡的屬性值
根據(jù)對(duì)象數(shù)組中某一屬性的值刪除包含這一屬性值的對(duì)象
// 原數(shù)組
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);箴言：因?yàn)檫@些東西是非常簡(jiǎn)單的。不要抱怨自己學(xué)不會(huì)，那是因?yàn)槟銢](méi)有足夠用心。
相關(guān)文章
之前腳本之家發(fā)過(guò)相關(guān)的文章，這里又是一篇關(guān)于jquery常用方法的收集整理，我們給放到一起，學(xué)習(xí)jquery的朋友可以參考下。2010-03-03
uniapp調(diào)用手機(jī)相機(jī)進(jìn)行拍照的兩種方式
這篇文章主要給大家介紹了關(guān)于uniapp調(diào)用手機(jī)相機(jī)進(jìn)行拍照的兩種方式,在uniapp中有多種方式可以調(diào)用相機(jī)進(jìn)行拍照,文中介紹了兩種方法,需要的朋友可以參考下2023-09-09
JS判斷傳入函數(shù)的參數(shù)是否為空(函數(shù)參數(shù)是否傳遞)
這篇文章主要介紹了JS判斷傳入函數(shù)的參數(shù)是否為空(函數(shù)參數(shù)是否傳遞),需要的朋友可以參考下2023-05-05
這篇文章主要介紹了js 如何刪除對(duì)象里的某個(gè)屬性，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
JavaScript插件為什么看不懂，使用了什么技術(shù)？（示例講解）
JavaScript插件難以理解通常由以下技術(shù)原因造成：設(shè)計(jì)模式密集化、壓縮混淆技術(shù)?、異步控制迷宮、元編程技巧、依賴管理黑盒,這些技術(shù)本用于代碼優(yōu)化和安全保護(hù),但過(guò)度使用會(huì)導(dǎo)致可讀性急劇下降,建議調(diào)試時(shí)使用sourcemap反向映射,或通過(guò)AST分析工具還原代碼結(jié)構(gòu)2025-08-08
JavaScript使用FileReader實(shí)現(xiàn)圖片上傳預(yù)覽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript使用FileReader實(shí)現(xiàn)圖片上傳預(yù)覽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
在layui中對(duì)table中的數(shù)據(jù)進(jìn)行判斷(0、1)轉(zhuǎn)換為提示信息的方法
今天小編就為大家分享一篇在layui中對(duì)table中的數(shù)據(jù)進(jìn)行判斷(0、1)轉(zhuǎn)換為提示信息的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
Uniapp?WebView全屏導(dǎo)致遮擋狀態(tài)欄的解決方案及注意事項(xiàng)
這篇文章主要介紹了Uniapp?WebView全屏導(dǎo)致遮擋狀態(tài)欄的解決方案及注意事項(xiàng),通過(guò)動(dòng)態(tài)調(diào)整WebView的布局,確保狀態(tài)欄可見(jiàn),文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-05-05
前端JavaScript模塊化解析之ESModule用法示例
ES Module是ECMAScript 2015引入的模塊化規(guī)范,通過(guò)export和import關(guān)鍵字實(shí)現(xiàn)模塊的導(dǎo)入導(dǎo)出,這篇文章主要介紹了前端JavaScript模塊化解析之ESModule用法的相關(guān)資料,需要的朋友可以參考下2025-07-07
JS實(shí)現(xiàn)的楊輝三角【帕斯卡三角形】算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)的楊輝三角【帕斯卡三角形】算法,結(jié)合實(shí)例形式分析了楊輝三角的原理及javascript實(shí)現(xiàn)楊輝三角的相關(guān)操作技巧,需要的朋友可以參考下2019-02-02