JavaScript Splice: What Is JavaScript Splice And What Can It Do?

Újra kiadta Platón

Követő: 0

Képzelje el, hogy van egy listája azokról az éttermekről, amelyeket ki szeretne próbálni, és miután végre megvacsorázott az egyikben, nem csak le akarja törölni az éttermet a listáról, hanem teljesen el is szeretné távolítani.

Tehát eltávolítja azt az éttermet, amelyet kipróbált, és az eredeti listán már csak azok az éttermek szerepelnek, amelyeket még nem próbált ki. Itt leírtuk az egyik dolgot, amit a JavaScript splice képes elvégezni.

Mi az a JavaScript splice módszer, és mire képes?

Oké, térjünk vissza egy kicsit. Leírtuk, mire képes a JavaScript splice, de mi is ez pontosan?

A JavaScript splice() metódus a JavaScript tömbfüggvények beépített módszere. A Splice módosítja az eredeti tömböt elemek eltávolításával, cseréjével vagy hozzáadásával. A visszatérési érték egy új tömb, amely a törölt elemeket tartalmazza. Ha nem távolítanak el elemeket, akkor üres tömb kerül visszaadásra. A JavaScript splice alapvető szintaxisa a következő:

Array.splice(start, removeCount, newItem, newItem, newItem, ...)

Hogyan távolíthatunk el elemeket egy tömbből JavaScript splice segítségével

Ahhoz, hogy egyszerűen eltávolítson egy elemet egy tömbből JavaScript splice segítségével, ismernie kell az eltávolítani kívánt elem indexszámát.

Visszatérve az oktatóanyag elején felhozott példához. Tegyük fel, hogy az éttermi vödörlistánk A-ból, B-ből, C-ből és D-ből állt, ez lenne az eredeti tömb. Az étterem, amelyet kipróbáltunk, a D. D eltávolításához ismernünk kell az indexszámát. Mivel a tömb indexe 0-val kezdődik, az index (X-1) lesz. Ebben az esetben az indexszám 3 lenne.

Now, we can use the JavaScript slice method to remove the restaurant we’ve already visited from the original array: “`
const restaurants = [“A”, “B”, “C”, “D”]

console.log(restaurants.splice(3, 1)) // output: [“D”]
console.log(restaurants) // output: [“A”, “B”, “C”]
""

Itt láthatjuk, hogy az eredeti tömb ketté lett illesztve: az eredeti tömb a fennmaradó elemekkel, a visszatérési érték pedig egy tömb az eltávolított elemekkel.

Ha többet szeretne megtudni arról, hogyan lehet JavaScript splice használatával eltávolítani elemeket egy tömbből, nézze meg ez a blogbejegyzés.

Hogyan adjunk elemeket egy tömbhöz JavaScript splice segítségével

Új elemeket is hozzáadhat egy tömbhöz JavaScript splice segítségével. A teljes illesztési szintaxist szem előtt tartva új elemeket adhat hozzá úgy, hogy az eltávolítani kívánt elemek számát „0”-ban adja meg, mielőtt deklarálná az új elemeket.

Például adjunk hozzá E-t a tömbünkhöz.

""
const restaurants = [“A”, “B”, “C”, “D”]

console.log(restaurants.splice(3, 0,”E”)) // output: []
console.log(restaurants) // output: [“A”, “B”, “C”, “E”, “D”]
""

Ez akkor is működik, ha elemeket szeretne eltávolítani és hozzáadni a tömbhöz. Például távolítsuk el a D-t a fenti tömbből, és adjuk hozzá F-et és G-t D helyére.

""
const restaurants = [“A”, “B”, “C”, “D”]

console.log(restaurants.splice(3, 0,”E”)) // output: [“D”]
console.log(restaurants) // output: ["A", "B", "C", "F", "G"]
""

Splice vs Slice: Mi a különbség a két JavaScript-módszer között?

Az egyik zavar, ami sok JavaScript-fejlesztővel szembesülhet, a splice vs slice: ugyanazok? Ha nem, mi a különbség? Borzasztóan hasonlítanak!

Noha mind a splice, mind a slice beépített JavaScript metódusok, és nagyon hasonló hangzásúak, valójában különböző szerepet töltenek be. A JavaScript splice és slice egyaránt használható egy tömb elemeinek manipulálására.

Azonban, ahogy fentebb említettük, a JavaScript splice metódus közvetlenül módosítja az eredeti tömböt, és ha van ilyen, visszaadja az eltávolított elemek tömbjét. Másrészt a JavaScript slice metódus nem módosítja az eredeti tömböt, hanem egy új tömböt ad vissza, amely az eredeti tömb „szakasza”. Megadhatja annak a kijelölésnek a „kezdetét” és „végét”, amelyhez a szeletmódszert vissza szeretné adni.

A cikk elolvasása után alapvető ismeretekkel kell rendelkeznie a JavaScript splice használatáról. Bár egyszerűnek tűnik, ne becsülje alá az illesztési módszer minden varázslatát. Ha többet szeretne megtudni arról, hogy mit tehet a toldással, találjon mentort hogy segítsünk lépésről lépésre elsajátítani a JavaScriptet!