10 metód reťazca JavaScriptu, ktoré by ste dnes mali ovládať

Pri programovaní v jazyku JavaScript sa často stretnete so scenármi, ktoré si vyžadujú manipuláciu s reťazcami. Napríklad pri načítaní e-mailu budete možno musieť previesť všetky znaky na malé písmená alebo použiť regulárny výraz na kontrolu, či zadané heslo spĺňa všetky podmienky.

Metódy reťazcov v jazyku JavaScript vám pomôžu s ľahkosťou vykonať všetky tieto operácie na reťazci podľa vašich požiadaviek. Tu je 10 reťazcových metód s príkladmi, ktoré vám pomôžu ich správne pochopiť.

Čo sú metódy reťazcov v jazyku JavaScript?

Reťazce sú základnou dátovou štruktúrou, ktorá sa skladá z postupnosti znakov. Táto dátová štruktúra je súčasťou všetkých hlavných programovacích jazykov vrátane Pythonu, JavaScriptu, Javy a ďalších.

Metódy reťazcov sú vopred pripravené metódy JavaScriptu, ktoré vývojárom pomáhajú vykonávať bežné operácie s reťazcami bez potreby manuálneho zápisu kódu. Sú spustené pomocou bodkovej notácie pripojenej k premennej reťazca.

Súvisiace: Aká je funkcia v programovaní?

Pretože sú to iba funkcie JavaScriptu, vždy sa končia zátvorkou, ktorá môže obsahovať voliteľné argumenty. Je nevyhnutné vedieť

čo je JavaScript a ako funguje predtým, ako budete pokračovať. Začnime a naučme sa tieto metódy podrobnejšie.

Pre nasledujúce metódy si zoberme reťazcovú premennú str s hodnotou „Vitajte na MUO!" ako príklad.

let str = "Vitajte na MUO!"

1. String.toLowerCase () a String.toUppperCase ()

The toLowerCase () string metóda prevedie všetky znaky daného reťazca na malý formát a podobne aj toUpperCase () metóda prevedie všetky znaky na veľký formát. Tieto funkcie nemenia pôvodný reťazec.

Syntax:

toUpperCase ()
toLowerCase ()

Pozrime sa na tieto dve metódy na krátkom príklade:

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

Po spustení vyššie uvedeného kódu na konzole dostanete nasledujúci výstup:

„vitaj v muo!“
„VITAJTE NA MUO!“
„Vitajte na MUO!“

2. String.concat ()

The concat () metóda sa používa na spojenie dvoch alebo viacerých reťazcov. Do tejto metódy môžete pridať jeden alebo viac argumentov, ktoré ich spoja do jedného reťazca. Nerobí nijaké úpravy pôvodného reťazca.

Syntax:

concat (str1, str2, str3, ...)

Tu je príklad, ktorý predvádza zreťazenie dvoch reťazcov na vytvorenie nového reťazca:

let str2 = "Ako sa máš?";
nech newString = str.concat (str2);
console.log (newString);

„Vitajte na MUO! Ako sa máš?"

3. String.indexOf () a String.lastIndexOf ()

The indexOf () metóda vám pomôže zistiť prvý index, v ktorom je uvedený zadaný znak alebo podreťazec. Začína sa to z ľavej strany a sleduje sa reťazec, aby sa skontrolovalo, či sa daný argument zhoduje.

Syntax:

indexOf (str)

Poďme zistiť index, pri ktorom MUO je v reťazci uvedený s príkladom:

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

11

Ak daný argument nie je v reťazci, metóda vráti hodnotu -1.

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

-1

Podobne lastIndexOf () metóda vráti index posledného výskytu daného znaku alebo reťazca. Tu je príklad:

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

6

Aj keď abeceda e sa objaví na indexe 1, posledný výskyt tohto znaku je na indexe 6, a preto sa vráti ako výstup.

4. String.charAt ()

The charAt () reťazcová metóda vráti znak v zadanom indexe v reťazci. Prijíma iba jeden argument, index, v ktorom sa má znak načítať. Hodnota indexu sa pohybuje od 0 do dĺžky - 1.

Syntax:

charAt (index)

Tu je príklad súboru charAt () metóda:

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

o
Ž
!

Vo vyššie uvedenom príklade, keď dĺžka str- 1 bol zadaný ako argument, metóda vráti posledný znak reťazca. Ak zadáte neplatný index, ktorý je mimo prípustného rozsahu, táto metóda vráti -1.

5. String.charCodeAt ()

Podobne ako v prípade metódy charAt charCodeAt () metóda vracia Hodnota ASCII znaku v zadanom indexe. Táto reťazcová metóda vyžaduje iba jeden argument, index, z ktorého sa má znak načítať.

Syntax:

charCodeAt (index)

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

109
33

Opäť sa hodnota indexu pohybuje od 0 do dĺžky - 1 a ak sa pokúsite prejsť indexom nad povolený limit, táto metóda vráti hodnotu -1.

6. String.replace ()

Ako už názov napovedá, nahradiť () metóda vám pomôže nahradiť jednu časť reťazca inou časťou. Táto metóda vyžaduje dva argumenty: prvý je podreťazec, ktorý sa má nahradiť, a druhý je podreťazec, ktorý sa má nahradiť. Táto metóda nerobí nijaké úpravy pôvodného reťazca.

Syntax:

nahradiť (str1, str2)

Napríklad ak chcete slovo nahradiť MUO s tejto webovej stránke v premennej reťazca môžete použiť znak nahradiť () metóda, ako je táto:

let newString = str.replace ("MUO", "tento web");
console.log (newString);
console.log (str);

Vitajte na tomto webe!
Vitajte na MUO!

7. String.split ()

The split () metóda sa používa na rozdelenie všetkých slov alebo znakov v reťazci podľa argumentu oddeľovača odovzdaného metóde. Návratovým typom tejto metódy je pole. Toto pole pozostáva zo všetkých znakov alebo podreťazcov rozdelených podľa zadaného oddeľovača. Táto metóda nezmení pôvodný reťazec.

Syntax:

split (oddeľovač)

Napríklad, ak sa ako argument oddeľovača do metódy split odovzdá prázdne miesto (""), výstup bude vyzerať takto:

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

['Vitajte', 'na', 'MUO!']

Ak neprenesiete argument na split () Metóda vráti pole s jediným prvkom pozostávajúcim z hodnoty premennej reťazca.

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

['Vitajte na MUO!']

8. String.substring ()

The podreťazec () metóda sa používa na získanie podreťazca alebo časti pôvodného reťazca. Táto metóda vyžaduje dva parametre: počiatočný index a koncový index. Výstupný podreťazec začína od zadaného počiatočného indexu a vytlačí sa až po koncový index - 1.

Syntax:

podreťazec (startIndex, endIndex)

Tu je rýchly príklad podreťazec () metóda:

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

"prísť"

Všimnite si, že znak na konci indexu nie je súčasťou výstupu.

9. String.search ()

The Vyhľadávanie() metóda pomáha nájsť konkrétny podreťazec alebo znak v pôvodnom reťazci. Táto metóda prijíma skupinu znakov alebo podreťazec ako argument a sleduje reťazec. Po nájdení zhody sa vráti počiatočný index zhodnej časti. V opačnom prípade táto metóda vráti hodnotu -1.

Syntax:

hľadať (podreťazec)

Môžete využiť Vyhľadávanie() metóda týmto spôsobom:

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

11
-1

10. String.trim ()

The trim () metóda odstráni všetky biele medzery v reťazci pred prvým znakom a za posledným znakom. Táto metóda nevyžaduje, aby ste zadali žiadne parametre, a nezmení pôvodný reťazec. Je to nesmierne užitočné pri overovaní vstupov používateľov vo formulároch.

Syntax:

trim ()

Zoberme si nový príklad na preskúmanie tejto reťazcovej metódy:

let untrimmedString = "Vitajte na MUO! ";
nech trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);

„Vitajte na MUO!“
„Vitajte na MUO! "

Viac metód JavaScript, ktoré môžete vyskúšať

Išlo teda o rýchly prehľad niekoľkých bežných reťazcových metód, ktoré vám môžu pomôcť zvýšiť produktivitu práce vývojára JavaScriptu. Tieto metódy vám tiež pomôžu prekonať vaše rozhovory o kódovaní pre otázky spojené s reťazcami. Cvičenie je dokonalé, takže pokračujte a vyskúšajte tieto metódy vo svojej vlastnej konzole.

Po dôkladnom oboznámení sa s reťazcovými metódami by mohlo byť užitočné pozrieť sa na niektoré metódy polí, ktoré môžu ešte viac vylepšiť vaše ovládanie jazyka JavaScript.

15 metód poľa JavaScriptu, ktoré by ste dnes mali ovládať

Chcete porozumieť poliam JavaScriptu, ale neviete sa s nimi vyrovnať? Pokyny nájdete v našich príkladoch polí JavaScriptu.

Prečítajte si Ďalej

O autorovi