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