JavaScript alstring-példák - szelet, alstruktúra és alstring módszerek a JS-ben

A napi programozás során gyakran húrokkal kell dolgoznunk. Szerencsére sok beépített módszer létezik a JavaScript-ben, amelyek segítenek tömbökkel, karakterláncokkal és más adattípusokkal való munkavégzés során. Ezeket a módszereket különféle műveletekhez használhatjuk, mint például húrok keresése, cseréje, összefűzése stb.

A karakterláncból egy részstring megszerzése a JavaScript egyik leggyakoribb művelete. Ebben a cikkben megtanulja, hogyan szerezzen alsztringet 3 különböző beépített módszer használatával. De először hadd magyarázzam el röviden, mi az a részstring.

Mi az az alstring?

Az alsor egy másik karakterlánc részhalmaza:

"I am learning JavaScript and it is cool!" --> Original String "I am learning JavaScript" --> Substring "JavaScript is cool!" --> Another Substring

A fenti példához hasonlóan egyes esetekben egy vagy több alszöveget kell kapnunk egy teljes mondatból vagy egy bekezdésből. Most nézzük meg, hogyan lehet ezt megtenni JavaScript-ben 3 különböző módon.

Itt is megtekintheti a példa felhasználásának videó verzióját:

1. A szubsztring () módszer

Kezdjük a szubsztring () módszerrel. Ez a módszer alapvetően megkapja az eredeti karakterlánc egy részét, és új stringként adja vissza. Az alstring módszer két paramétert vár:

string.substring(startIndex, endIndex);
  • startIndex : az alszöveg kiindulópontját jelöli
  • endIndex : az alszöveg végpontját jelöli (opcionális)

Nézzük meg a felhasználást egy példában. Tegyük fel, hogy az alábbi példa van:

const myString = "I am learning JavaScript and it is cool!";

Most, ha a startIndex értékét 0-nak, az endIndex értékét pedig 10-nek állítjuk be, akkor megkapjuk az eredeti karakterlánc első 10 karakterét:

Ha azonban csak kezdő indexet állítunk be, és nincs vége index ehhez a példához:

Ezután a 6. karaktertől az eredeti karakterlánc végéig kezdődő részt kapunk.

Néhány további pont:

  • Ha startIndex = endIndex, akkor az alstring módszer üres karakterláncot ad vissza
  • Ha a startIndex és az endIndex egyaránt nagyobb, mint a karakterlánc hossza, akkor üres karakterláncot ad vissza
  • Ha a startIndex> endIndex, akkor az alstring metódus felcseréli az argumentumokat, és egy alstringet ad vissza, feltételezve, hogy endIndex> startIndex

2. A szelet () módszer

A slice () metódus hasonlít az substring () metódusra, és visszaadja az eredeti karaktersorozat substringjét is. A szelet módszer ugyanazt a két paramétert várja:

string.slice(startIndex, endIndex);
  • startIndex : az alszöveg kiindulópontját jelöli
  • endIndex : az alszöveg végpontját jelöli (opcionális)

A szubsztring () és a szelet () módszerek közös pontjai:

  • Ha nem állítunk be egy végződő indexet, akkor kapunk egy sztringet a megadott indexszámtól kezdve az eredeti karakterlánc végéig:
  • Ha mind a startIndex, mind az endIndex értéket beállítjuk, akkor az eredeti karakterlánc megadott indexszáma közé kapjuk a karaktereket:
  • Ha a startIndex és az endIndex nagyobb, mint a karakterlánc hossza, akkor üres karakterláncot ad vissza

A szelet () módszer különbségei:

  • Ha a startIndex> endIndex, a slice () metódus üres karakterláncot ad vissza
  • Ha a startIndex negatív szám, akkor az első karakter a karakterlánc végétől kezdődik (fordítva):
Megjegyzés: A slice () metódust a JavaScript tömbökhöz is használhatjuk. Itt található a szelet módszerrel kapcsolatos másik cikkem, amely a tömbök használatát mutatja.

3. Az substr () módszer

A Mozilla dokumentumai szerint az substr () metódust örökölt függvénynek tekintik, és használatát kerülni kell. De mégis röviden elmagyarázom, hogy mit csinál, mert régebbi projektekben láthatja.

Az substr () metódus visszaadja az eredeti karaktersorozat sztringjét is, és két paramétert vár el:

string.substring(startIndex, length);
  • startIndex : az alszöveg kiindulópontját jelöli
  • hossz : beillesztendő karakterek száma (nem kötelező)

Itt láthatja a különbséget: az substr () metódus a második paramétert hosszként várja az endIndex helyett:

Ebben a példában alapvetően 5 karaktert számlál az adott startIndex-el kezdve, és alsztringként adja vissza őket.

Ha azonban nem definiáljuk a második paramétert, akkor az visszatér az eredeti karakterlánc végéig (mint az előző két módszer):

Megjegyzés: Mindhárom módszer új karakterláncként adja vissza az alszöveget, és nem változtatja meg az eredeti karakterláncot.

Tekerje be

Tehát ez a 3 különböző módszer, amellyel alszöveget kapunk a JavaScript-ben. A JS-ben sok más beépített módszer létezik, amelyek valóban sokat segítenek nekünk, amikor különböző dolgokkal foglalkozunk a programozás során. Ha hasznosnak találja ezt a bejegyzést, kérjük, ossza meg a közösségi médiában.

Ha szeretne többet megtudni a webfejlesztésről, kövessen bátran a Youtube-on !

Köszönöm, hogy elolvasta!