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);
?? ?}
}

到此這篇關(guān)于js對象數(shù)組根據(jù)對象屬性刪除對象的文章就介紹到這了,更多相關(guān)對象屬性刪除對象內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

利用javascript實現(xiàn)web頁面中指定區(qū)域打印
將需要打印的課程表的table放入div標簽中，然后指定出需要打印的區(qū)域，最后調(diào)用window.print打印指定內(nèi)容
2013-10-10
layer ui 導入文件之前傳入數(shù)據(jù)的實例
今天小編就為大家分享一篇layer ui 導入文件之前傳入數(shù)據(jù)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript設(shè)計模式之命令模式
這篇文章主要介紹了JavaScript設(shè)計模式之命令模式，對設(shè)計模式感興趣的同學，可以參考下
2021-04-04
JS動態(tài)獲取元素寬高的幾種方式
這篇文章主要介紹了js 動態(tài)獲取元素寬高的幾種方式,文章通過代碼示例和圖文結(jié)合的方式給大家介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下
2024-09-09
JavaScript?內(nèi)置對象?BigInt詳細解析
這篇文章主要介紹了JavaScript?內(nèi)置對象?BigInt詳細解析，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-07-07
JS實現(xiàn)字符串去重及數(shù)組去重的方法示例
這篇文章主要介紹了JS實現(xiàn)字符串去重及數(shù)組去重的方法,涉及javascript針對字符串與數(shù)組的遍歷、判斷、刪除、添加等相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04
TypeScript高級用法的知識點匯總
這篇文章主要給大家介紹了關(guān)于TypeScript高級用法的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用TypeScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-12-12
TypeScript類型推論與類型斷言實例詳解
如果沒有明確的指定類型,那么TypeScript會依照類型推論（Type Inference）的規(guī)則推斷出一個類型,下面這篇文章主要給大家介紹了關(guān)于TypeScript類型推論與類型斷言的相關(guān)資料,需要的朋友可以參考下
2022-11-11
Javascript 獲取滾動條位置等信息的函數(shù)
有時為了準確定位一個元素，我們需要獲取滾動條的位置，這種需求經(jīng)常出現(xiàn)在 tooltip 和拖放等應用中，其實這個技術(shù)很簡單，關(guān)鍵是要考慮瀏覽器的兼容性，本文就是介紹這一問題的解決方法。
2009-09-09
6個DIV 135或246間隔一秒輪番顯示效果
6個DIV 間隔一秒輪番進行奇偶顯示. 比如先135 一秒后 246 然后再135 循環(huán)
2010-07-07