Az adatok tömeges kezelése során előfordulhat, hogy frissítés miatt el kell távolítani néhány bejegyzést. Például az értékek eltávolítása egy adott attribútum vagy tulajdonság alapján. Ennek eredményeként kényelmesen hozzáférhet a releváns adatokhoz, és törli a nem kívánt bejegyzéseket. Ilyen helyzetekben, ha egy objektumot eltávolítunk egy tömbből a JavaScript-ben szereplő értéke alapján, az nagyon hasznos az adatok azonnali elérésében és a memória megtakarításában.
Ez a cikk az objektumok JavaScript-beli értéke alapján történő eltávolításának módjait tárgyalja.
Hogyan távolíthatunk el / távolíthatunk el egy objektumot egy tömbből a JavaScript értékével?
Ha egy objektumot JavaScriptben az értéke alapján szeretne eltávolítani egy tömbből, használja a következő módszereket:
Beszéljük meg egyenként az egyes megfogalmazott megközelítéseket!
1. megközelítés: Távolítson el egy objektumot egy tömbből annak értékével a JavaScriptben a findIndex() és splice() metódusok használatával
Az ' findIndex() ” metódus az elem indexét (pozícióját) adja vissza anélkül, hogy bármilyen módosítást végezne az eredeti tömbön. Az ' splice() ” metódus hozzáadja/eltávolítja az adott tömbelemeket, és hatással van az eredeti tömbre is. Ezek a módszerek használhatók az eltávolítandó objektum indexének megkeresésére. Ezt követően az adott objektum a megadott szám alapján összeillesztésre kerül.
Szintaxis
array.findIndex ( func ( currVal, index, tömb ) , érték )Ebben a szintaxisban:
- ' func ” arra a függvényre utal, amelyet egy tömb minden eleméhez meg kell hívni.
- A függvény paraméterei az aktuális érték indexére vonatkoznak a megadott tömbben.
- ' érték ' jelzi azt az értéket, amelyet át kell adni a függvénynek, mint ' ez ”.
array.splice ( index, szám, új )
A fent megadott szintaxisban:
- ' index ” mutat arra a helyre, ahol az elemeket hozzá kell adni vagy eltávolítani.
- ' az egyiken ” a cikk számát jelöli.
- ' új ” csereként az új elemeknek felel meg.
Példa
Kövessük az alábbi kódot:
< forgatókönyv típus = 'text/javascript' >hagyja givenArray = [ { kor: 18 } , { kor: húsz } , { kor: 25 } ] ;
hagyja removeObject = givenArray.findIndex ( tárgy = > {
Visszatérés tárgy.kor === 18 ;
} ) ;
console.log ( 'Az eltávolítandó objektum indexe:' , távolítsa el az objektumot ) ;
adottArray.splice ( RemoveObject, 1 ) ;
console.log ( 'A tömb az objektum érték szerinti eltávolítása után a következő lesz:' , adottArray ) ;
forgatókönyv >
A fenti kódrészletben:
- A megadott tulajdonságokkal rendelkező objektumok tömbjének deklarálása.
- A következő lépésben társítsa a „ findIndex() ” metódussal az előző lépésben deklarált tömböt.
- Ez a tömb minden elemén (objektumán) való iterációhoz vezet.
- Ennek eredményeként megjelenik az adott objektum indexe a tömbből, amely megfelel a megadott értéknek a tulajdonsághoz, azaz a 18-hoz.
- Ezt követően alkalmazza a „ splice() ” módszert a lekért indexre hivatkozva, amely eltávolítja az adott objektumot az indexből.
- Vegye figyelembe, hogy ' 1 ” határozza meg az eltávolítandó objektumok számát.
- Végül jelenítse meg az eredményül kapott objektum tömbjét.
Kimenet
A fenti kimeneten látható, hogy az adott objektum indexe megjelenik, majd később eltávolítjuk.
2. megközelítés: Távolítson el egy objektumot egy tömbből annak értékével a JavaScriptben a filter() metódus használatával
Az ' szűrő() ” metódus új tömböt hoz létre azon elemekből, amelyek átmennek egy adott teszten. Ez a módszer alkalmazható az eltávolítandó objektum egy feltétel alapján történő szűrésére az összehasonlító operátoron keresztül.
Szintaxis
array.filter ( func ( val ) , ezt )Itt:
- ' func ” mutat arra a függvényre, amely átirányít a szűrési funkcióra.
- ' val ” az aktuális elem értéke.
- ' ez ” jelzi a függvénynek átadott értéket.
Példa
Tekintsük át az alábbi példát:
< forgatókönyv típus = 'text/javascript' >hagyja givenArray = [ { méret: 35 } , { méret: 40 } , { méret: Négy öt } ] ;
console.log ( 'A megadott tömb:' , adottArray )
hagyja newArray = adottArray.filter ( tárgy = > {
Visszatérés tárgy.méret ! == Négy öt ;
} ) ;
console.log ( 'A tömb az objektum érték szerinti eltávolítása után a következő lesz:' , newArray ) ;
forgatókönyv >
Alkalmazza a következő lépéseket a fenti kódsorok szerint:
- Hasonlóképpen deklaráljon objektumok tömbjét, és jelenítse meg.
- Ezt követően alkalmazza a „ szűrő() ” módszert az elemekre (objektumokra) hivatkozva.
- Most szűrje le a társított tömböt úgy, hogy egy új tömb jöjjön létre a teljesült feltétel alapján a ' nem egyenlő(!==) ” összehasonlító operátor.
- Végül jelenítse meg a szűrt tömböt.
Kimenet
A fenti kimenet azt jelzi, hogy létrejött a szűrt objektumok új tömbje.
3. megközelítés: Távolítson el egy objektumot egy tömbből annak értékével a JavaScriptben a pop() metódus használatával
Az ' pop() ” metódus kiküszöböli a tömb utolsó elemét, és hatással van az eredeti tömbre is. Ez a módszer használható egy adott objektum kiemelésére a tömbből, és frissített tömböt hoz létre az eltávolított objektummal.
Példa
Az alábbi példa illusztrálja a tárgyalt koncepciót:
< forgatókönyv típus = 'text/javascript' >hagyja givenArray = [ { név: 'Harry' } , { név: 'Dávid' } ]
hagyja newArray = adottArray.pop ( tárgy = > {
Visszatérés objektum.név = 'Harry'
} )
console.log ( 'A tömb az objektum érték szerinti eltávolítása után a következő lesz:' , newArray ) ;
forgatókönyv >
A fenti kódrészletben:
- Hasonló módon deklarálja a megadott tulajdonságokkal rendelkező objektumok tömbjét.
- A következő lépésben alkalmazza a „ pop() ' módszer a megadott értékkel rendelkező objektum eltávolítására a tulajdonsággal szemben ' név ”.
- Ennek eredményeként csak egy objektum marad az eredményül kapott tömbben ' újÉrk ”.
- Végül jelenítse meg a frissített objektum tömbjét, azaz a newArr-t.
Kimenet
A fenti kimenet azt jelenti, hogy a kívánt követelmény teljesül.
Következtetés
Az ' findIndex() ” és „ splice() ' módszerek, a ' szűrő() ” módszer, vagy a „ pop() ” metódus alkalmazható egy objektum eltávolítására egy tömbből a JavaScript-beli értéke alapján. Ezek a megközelítések egy adott objektumot indexelés alapján távolítanak el, a nem egyenlő(!==) operátoron keresztül szűrik, vagy egyszerűen egy feltételre helyezik. Ez a cikk ismerteti az objektumok tömbből való eltávolításának/eltávolításának módjait annak értékével a JavaScript használatával.