10 JavaScript karakterlánc-módszer, amelyet ma el kell sajátítania

A JavaScript programozása során gyakran találkozhat olyan szituációkkal, amelyek karakterlánc-manipulációt igényelnek. Például egy e-mail lekérése során előfordulhat, hogy az összes karaktert kisbetűvé kell alakítania, vagy egy reguláris kifejezés használatával ellenőriznie kell, hogy a megadott jelszó megfelel-e az összes feltételnek.

A JavaScript karakterlánc-módszerek segítenek mindezen műveletek végrehajtásában egy karakterláncon, az Ön igényei szerint, könnyedén. Íme 10 karakterlánc-módszer, példákkal, amelyekkel jobban megismerheti őket.

Mik azok a JavaScript karakterlánc-módszerek?

A karakterláncok alapvető adatstruktúra, amely karakterek sorozatából áll. Ez az adatstruktúra része az összes főbb programozási nyelvnek, beleértve a Python, a JavaScript, a Java és egyebeket.

A karakterlánc-módszerek az előre felépített JavaScript-módszerek, amelyek segítenek a fejlesztőknek a sztringeken közös műveletek végrehajtásában anélkül, hogy a kódot kézzel kellene írni. A karakterlánc változóhoz csatolt dot-notation segítségével futnak.

Összefüggő: Mi a funkció a programozásban?

Mivel csak JavaScript-függvények, mindig zárójelekkel végződnek, amelyek opcionális argumentumokat tartalmazhatnak. Elengedhetetlen tudni mi a JavaScript és hogyan működik mielőtt tovább folytatná. Kezdjük és ismerjük meg részletesebben ezeket a módszereket.

A készülő metódusokhoz vegyünk egy string változót str értékével "Üdvözöljük a MUO-ban!" mint például.

let str = "Üdvözöljük a MUO-ban!"

1. String.toLowerCase () és String.toUppperCase ()

A toLowerCase () string metódus alakítja az adott karakterlánc összes karakterét kisbetűs formátumra, és hasonlóan a toUpperCase () A metódus az összes karaktert nagybetűvé alakítja. Ezek a függvények nem módosítják az eredeti karakterláncot.

Szintaxis:

toUpperCase ()
toLowerCase ()

Nézzük meg ezt a két módszert egy gyors példával:

console.log (str.toLowerCase ());
console.log (str.toUpperCase ());
console.log (str);

A fenti kód futtatásakor a konzolon a következő kimenetet kapja:

"Üdvözöllek a muóban!"
"ÜDVÖZÖLJÜK MUO-ban!"
- Üdvözöljük a MUO-ban!

2. String.concat ()

A concat () metódus két vagy több húr összekapcsolására szolgál. Hozzáadhat egy vagy több argumentumot ehhez a módszerhez, hogy összefűzze őket egyetlen karaktersorozatba. Az eredeti karakterláncot nem módosítja.

Szintaxis:

konkat (str1, str2, str3, ...)

Íme egy példa, amely két karakterlánc összefűzését mutatja be egy új karakterlánc létrehozásához:

hagyja str2 = "Hogy vagy?";
hadd newString = str.concat (str2);
console.log (newString);

"Üdvözöljük a MUO-ban! Hogy vagy?"

3. String.indexOf () és String.lastIndexOf ()

A indexe() A módszer segít megtudni az első indexet, amelynél a megadott karakter vagy alszöveg szerepel. A bal oldaltól kezdődik, és nyomon követi a karakterláncot, hogy ellenőrizze, hogy az adott argumentum egyezik-e.

Szintaxis:

indexOf (str)

Nézzük meg, melyik indexen MUO jelen van a karakterláncban egy példával:

console.log (str.indexOf ('MUO'));

11

Ha az adott argumentum nincs a karakterláncban, a módszer -1 értéket ad vissza.

console.log (str.indexOf ('Hello'));

-1

Hasonlóképpen a lastIndexOf () A metódus az adott karakter vagy karakterlánc utolsó előfordulásának indexét adja vissza. Íme egy példa:

console.log (str.lastIndexOf ('e'));

6

Annak ellenére, hogy az ábécé e az 1. indexen jelenik meg, ennek a karakternek az utolsó előfordulása a 6. indexen van, ezért kimenetként adja vissza.

4. String.charAt ()

A charAt () A string metódus visszaadja a karaktert a karakterlánc megadott indexében. Csak egy argumentumot fogad el, azt az indexet, amelynél a karaktert be kell szerezni. Az index értéke 0 és 1 közötti hosszúságú.

Szintaxis:

charAt (index)

Itt van egy példa a charAt () módszer:

console.log (str.charAt (9));
console.log (str.charAt (0));
console.log (str.charAt (str.hossz - 1));

o
W
!

A fenti példában mikor str.hossz- 1 argumentumként került átadásra, a metódus a karakterlánc utolsó karakterét adja vissza. Ha érvénytelen indexet ad meg, amely meghaladja a megengedett tartományt, ez a módszer -1-et ad vissza.

5. String.charCodeAt ()

A charAt módszerhez hasonlóan a charCodeAt () metódus a ASCII érték karaktert a megadott indexen. Ehhez a karakterlánc-metódushoz csak egy argumentum szükséges, az index, amelyből a karaktert be kell szerezni.

Szintaxis:

charCodeAt (index)

str.charCodeAt (5);
str.charCodeAt (str.hossz - 1);

109
33

Ismételten az index értéke 0-tól 1-ig terjed, és ha egy indexet megpróbál átadni a megengedett határon, akkor ez a módszer -1-et ad vissza.

6. String.replace ()

Ahogy a neve is mutatja, a cserélje () A módszer segít a karakterlánc egyik részének helyettesítésében egy másik részével. Ennek a módszernek két érve van: az első a kicserélendő, a második a kicserélendő alszöveg. Ez a módszer nem módosítja az eredeti karakterláncot.

Szintaxis:

csere (str1, str2)

Például, ha le akarja cserélni a szót MUO val vel ezen a weboldalon a string változóban használhatja a cserélje () ilyen módszer:

hadd newString = str.replace ("MUO", "ez a weboldal");
console.log (newString);
console.log (str);

Üdvözöljük ezen a weboldalon!
Üdvözöljük a MUO-ban!

7. String.split ()

A hasított() metódust használjuk a karakterláncban szereplő összes szó vagy karakter lebontására, a metódusnak átadott elválasztó argumentum szerint. A módszer visszatérési típusa egy tömb. Ez a tömb az összes karakterből vagy alszövegből áll, az adott elválasztó szerint felosztva. Ez a módszer nem módosítja az eredeti karakterláncot.

Szintaxis:

osztott (elválasztó)

Például, ha egy üres helyet ("") adunk át elválasztó argumentumként a split módszerhez, akkor a kimenet így fog kinézni:

hadd splitArray = str.split ("");
console.log (splitArray);

["Üdvözlet", "ide", "MUO!"]

Ha nem ad át érvet a hasított() metódus, egy tömböt ad vissza, amelynek egyetlen eleme a string változó értékéből áll.

hadd splitArray = str.split ();
console.log (splitArray);

['Üdvözöljük a MUO-ban!']

8. String.substring ()

A szubsztring () metódust használnak az eredeti karakterlánc részének vagy részének megszerzésére. Ez a módszer két paramétert vesz igénybe: a kezdő és a vég indexet. A kimeneti szubsztring a megadott kezdési indextől indul, és a végindexig - 1.

Szintaxis:

szubsztring (startIndex, endIndex)

Itt van egy gyors példa a szubsztring () módszer:

console.log (str.substring (2,8));

"lcome"

Vegye figyelembe, hogy a végindexben szereplő karakter nem része a kimenetnek.

9. String.search ()

A keresés() A módszer segít megtalálni az adott karakterláncot vagy karaktert az eredeti karakterláncban. Ez a módszer egy csoport karaktert vagy alszöveget fogad el argumentumként, és végigvezet a stringen. Az egyezés megtalálása után az illesztett rész kezdő indexe visszatér. Ellenkező esetben ez a módszer -1-et ad vissza.

Szintaxis:

keresés (szubsztring)

Használhatja a keresés() módszer ilyen módon:

console.log (str.search ("MUO"));
console.log (str.search ("2"));

11
-1

10. String.trim ()

A trim () A módszer eltávolítja a karakterlánc összes fehér terét az első karakter előtt és az utolsó karakter után. Ez a módszer nem igényel semmilyen paraméter megadását, és nem módosítja az eredeti karakterláncot. Rendkívül hasznos a felhasználói beviteli űrlapokban.

Szintaxis:

trim ()

Vegyünk egy új példát ennek a karakterlánc-módszernek a feltárására:

let untrimmedString = "Üdvözöljük a MUO-ban! ";
let trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);

- Üdvözöljük a MUO-ban!
"Üdvözöljük a MUO-ban! "

További JavaScript-módszerek a kijelentkezéshez

Tehát ez egy gyors összefoglalás néhány gyakori karakterlánc-módszerről, amelyek segítségével hatékonyabbá válhatsz JavaScript-fejlesztőként. Ezek a módszerek segítenek abban is, hogy a húrral kapcsolatos kérdésekre megkóstolja a kódoló interjúkat. A gyakorlat tökéletesít, ezért folytassa és próbálja ki ezeket a módszereket a saját konzolján.

Ha alaposan áttekintette a karakterlánc metódusait, érdemes megnéznie néhány tömb metódust, amely tovább javíthatja a JavaScript elsajátítását.

15 JavaScript tömb módszer, amelyet ma el kell sajátítania

Szeretné megérteni a JavaScript tömböket, de nem tud megbirkózni velük? Ellenőrizze a JavaScript tömb példáinkat.

Olvassa el a következőt

A szerzőről