js對象數(shù)組根據(jù)對象屬性刪除對象
更新時間：2023年07月03日 23:48:48 作者：longzhoufeng
這篇文章主要介紹了js對象數(shù)組根據(jù)對象屬性刪除對象,需要的朋友可以參考下
根據(jù)id查找到對象數(shù)組里面的對象，然后移除該對象
array 是定義的數(shù)組
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根據(jù)數(shù)組對象屬性刪除里面的指定對象
1、原數(shù)組
let list = [
? {type:"aaaaaa", name:'張三'},
? {type:"bbbbbb", name:'李四'},
? {type:"cccccc", name:'王五'}
];2、錯誤方法（網(wǎng)上大部分都是這種錯誤的代碼）
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);上面網(wǎng)上大部分的代碼，但是這個是有問題的，有很大的問題，我們的需求是，在已有的數(shù)組中，根據(jù)指定對象的屬性值，刪除這個指定對象，問題來了，每一次操作，都刪除了一個下標的對象，不管它是否存在，都會把一個下標的對象刪除。
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對象數(shù)組根據(jù)對象屬性刪除對象的文章就介紹到這了,更多相關對象屬性刪除對象內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
渲染真實DOM的開銷很大，有時候我們修改了某個數(shù)據(jù)，直接渲染到真實dom上會引起整個dom樹的重繪和重排。我們希望只更新我們修改的那一小塊dom，而不是整個dom，diff算法就幫我們實現(xiàn)了這點。diff算法的本質(zhì)就是：找出兩個對象之間的差異，目的是盡可能做到節(jié)點復用2022-12-12
本文給大家分享的是使用純JS實現(xiàn)的簡單的拖拽效果的插件，算是對自己javascript學習的一個小的檢驗，如果小伙伴們需要復雜的拖拽效果，還是考慮jQuery的draggable吧，更成熟一些。2015-03-03
原生js添加節(jié)點appendChild、insertBefore方式
這篇文章主要介紹了原生js添加節(jié)點appendChild、insertBefore方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了JavaScript數(shù)組實例的9個方法,文章圍繞主題展開詳細的內(nèi)容介紹沒具有一定的參考價值，需要的朋友可以參考一下2022-07-07
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)下拉列表選擇框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
JS求1到任意數(shù)之間的所有質(zhì)數(shù)的方法詳解
這篇文章主要介紹了JS求1到任意數(shù)之間的所有質(zhì)數(shù)，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
JavaScript高級程序設計 閱讀筆記（十七） js事件
IE中是冒泡型事件，即從最特定的事件目標到最不特定的事件目標2012-08-08
在JavaScript中處理日期和時間可以使用內(nèi)置的Date對象,Date對象提供了多種方法和屬性來操作和格式化日期和時間,這篇文章主要介紹了js中date對象使用方法的相關資料,需要的朋友可以參考下2026-01-01
這篇文章主要介紹了javascript中attachEvent用法,實例分析了javascript中事件綁定的相關技巧,需要的朋友可以參考下2015-05-05
前后端分離開發(fā)模式中,無論前后端都有可能區(qū)分不同的環(huán)境配置,下面這篇文章主要給大家介紹了關于uniapp微信小程序多環(huán)境配置以及使用的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05