js對(duì)象數(shù)組根據(jù)對(duì)象屬性刪除對(duì)象
更新時(shí)間：2023年07月03日 23:48:48 作者：longzhoufeng
這篇文章主要介紹了js對(duì)象數(shù)組根據(jù)對(duì)象屬性刪除對(duì)象,需要的朋友可以參考下
根據(jù)id查找到對(duì)象數(shù)組里面的對(duì)象，然后移除該對(duì)象
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ù)組對(duì)象屬性刪除里面的指定對(duì)象
1、原數(shù)組
let list = [
? {type:"aaaaaa", name:'張三'},
? {type:"bbbbbb", name:'李四'},
? {type:"cccccc", name:'王五'}
];2、錯(cuò)誤方法（網(wǎng)上大部分都是這種錯(cuò)誤的代碼）
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è)是有問(wèn)題的，有很大的問(wèn)題，我們的需求是，在已有的數(shù)組中，根據(jù)指定對(duì)象的屬性值，刪除這個(gè)指定對(duì)象，問(wèn)題來(lái)了，每一次操作，都刪除了一個(gè)下標(biāo)的對(duì)象，不管它是否存在，都會(huì)把一個(gè)下標(biāo)的對(duì)象刪除。
3、正確的寫(xiě)法：
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對(duì)象數(shù)組根據(jù)對(duì)象屬性刪除對(duì)象的文章就介紹到這了,更多相關(guān)對(duì)象屬性刪除對(duì)象內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
利用javascript實(shí)現(xiàn)web頁(yè)面中指定區(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à)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之命令模式，對(duì)設(shè)計(jì)模式感興趣的同學(xué)，可以參考下2021-04-04
這篇文章主要介紹了js 動(dòng)態(tài)獲取元素寬高的幾種方式,文章通過(guò)代碼示例和圖文結(jié)合的方式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-09-09
JavaScript?內(nèi)置對(duì)象?BigInt詳細(xì)解析
這篇文章主要介紹了JavaScript?內(nèi)置對(duì)象?BigInt詳細(xì)解析，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-07-07
JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法,涉及javascript針對(duì)字符串與數(shù)組的遍歷、判斷、刪除、添加等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
TypeScript高級(jí)用法的知識(shí)點(diǎn)匯總
這篇文章主要給大家介紹了關(guān)于TypeScript高級(jí)用法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用TypeScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
TypeScript類(lèi)型推論與類(lèi)型斷言實(shí)例詳解
如果沒(méi)有明確的指定類(lèi)型,那么TypeScript會(huì)依照類(lèi)型推論（Type Inference）的規(guī)則推斷出一個(gè)類(lèi)型,下面這篇文章主要給大家介紹了關(guān)于TypeScript類(lèi)型推論與類(lèi)型斷言的相關(guān)資料,需要的朋友可以參考下2022-11-11
Javascript 獲取滾動(dòng)條位置等信息的函數(shù)
有時(shí)為了準(zhǔn)確定位一個(gè)元素，我們需要獲取滾動(dòng)條的位置，這種需求經(jīng)常出現(xiàn)在 tooltip 和 拖放等應(yīng)用中，其實(shí)這個(gè)技術(shù)很簡(jiǎn)單，關(guān)鍵是要考慮瀏覽器的兼容性，本文就是介紹這一問(wèn)題的解決方法。2009-09-09
6個(gè)DIV 間隔一秒 輪番進(jìn)行奇偶顯示. 比如先135 一秒后 246 然后再135 循環(huán)2010-07-07