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)文章
javascript實(shí)現(xiàn)鎖定網(wǎng)頁(yè)、密碼解鎖效果(類(lèi)似系統(tǒng)屏幕保護(hù)效果)
這篇文章主要介紹了javascript實(shí)現(xiàn)鎖定網(wǎng)頁(yè)、密碼解鎖效果,跟Windows系統(tǒng)的屏幕保護(hù)效果類(lèi)似,需要的朋友可以參考下2014-08-08用js一次改變多個(gè)input的readonly屬性值的方法
這篇文章主要介紹了用js一次改變多個(gè)input的readonly屬性值的方法,需要的朋友可以參考下2014-06-0610個(gè)基于瀏覽器的JavaScript調(diào)試工具分享
調(diào)試Javascript可能是web開(kāi)發(fā)中最讓人郁悶的事情,這里是10款我們精選的基于瀏覽器的JS在線調(diào)試工具,感興趣的朋友可以參考下,或許對(duì)你有所幫助2013-02-02JS前端攻堅(jiān)淺析instanceof實(shí)現(xiàn)原理
這篇文章主要為大家介紹了JS前端攻堅(jiān)淺析instanceof實(shí)現(xiàn)原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12權(quán)威JavaScript 中的內(nèi)存泄露模式
權(quán)威JavaScript 中的內(nèi)存泄露模式...2007-08-08JavaScript中計(jì)算網(wǎng)頁(yè)中某個(gè)元素的位置
這篇文章主要介紹了JavaScript中計(jì)算網(wǎng)頁(yè)中某個(gè)元素的位置,本文先是講解了一些必要的知識(shí)和實(shí)現(xiàn)難點(diǎn),然后給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-06-06JavaScript 中 avalon綁定屬性總結(jié)
avalon是前端MVVM框架,在js中經(jīng)常會(huì)用到。這篇文章主要介紹了JavaScript 中 avalon綁定屬性總結(jié)的相關(guān)資料,需要的朋友可以參考下2016-10-10