10 metod řetězce JavaScript, které byste dnes měli zvládnout

Při programování v JavaScriptu často narazíte na scénáře, které vyžadují manipulaci s řetězci. Například při načítání e-mailu možná budete muset převést všechny znaky na malá písmena nebo pomocí regulárního výrazu zkontrolovat, zda zadané heslo splňuje všechny podmínky.

Metody řetězců JavaScriptu vám pomohou snadno provést všechny tyto operace na řetězci podle vašich požadavků. Tady je 10 řetězcových metod s příklady, které vám pomohou je dobře pochopit.

Co jsou metody řetězců JavaScriptu?

Řetězce jsou základní datová struktura, která se skládá ze sledu znaků. Tato datová struktura je součástí všech hlavních programovacích jazyků, včetně Pythonu, JavaScriptu, Javy a dalších.

Řetězcové metody jsou předem připravené metody JavaScriptu, které vývojářům pomáhají provádět běžné operace s řetězci, aniž by bylo nutné psát kód ručně. Jsou spuštěny pomocí tečkové notace připojené k proměnné řetězce.

Příbuzný: Co je funkce v programování?

Jelikož jsou to pouze funkce JavaScriptu, vždy končí závorkami, které mohou obsahovat volitelné argumenty. Je důležité to vědět

co je JavaScript a jak funguje než budete pokračovat dále. Pojďme začít a naučme se tyto metody podrobněji.

Pro nadcházející metody pojďme vzít řetězcovou proměnnou str s hodnotou „Vítejte na MUO!" jako příklad.

let str = "Vítejte na MUO!"

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

The toLowerCase () Řetězcová metoda převádí všechny znaky daného řetězce na malý formát a podobně toUpperCase () metoda převede všechny znaky do velkého formátu. Tyto funkce nemění původní řetězec.

Syntax:

toUpperCase ()
toLowerCase ()

Podívejme se na tyto dvě metody na krátkém příkladu:

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

Při spuštění výše uvedeného kódu na konzole obdržíte následující výstup:

„vítejte na muo!“
„VÍTEJTE NA MUO!“
„Vítejte na MUO!“

2. String.concat ()

The concat () metoda se používá ke spojení dvou nebo více řetězců dohromady. Do této metody můžete přidat jeden nebo více argumentů a zřetězit je do jednoho řetězce. Neprovádí žádné úpravy původního řetězce.

Syntax:

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

Tady je příklad, který předvádí zřetězení dvou řetězců za účelem vytvoření nového řetězce:

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

„Vítejte na MUO! Jak se máš?"

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

The indexOf () metoda vám pomůže zjistit první index, ve kterém je zadaný znak nebo podřetězec přítomen. Začíná to z levé strany a sleduje řetězec, aby se zkontrolovalo, zda se daný argument shoduje.

Syntax:

indexOf (str)

Zjistíme, u kterého indexu MUO je v řetězci s příkladem:

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

11

Pokud daný argument v řetězci není, vrátí metoda hodnotu -1.

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

-1

Podobně lastIndexOf () metoda vrací index posledního výskytu daného znaku nebo řetězce. Zde je příklad:

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

6

I když abeceda E se objeví na indexu 1, poslední výskyt tohoto znaku je na indexu 6, a proto se vrátí jako výstup.

4. String.charAt ()

The charAt () string metoda vrací znak na zadaném indexu v řetězci. Přijímá pouze jeden argument, index, ve kterém má být znak načten. Hodnota indexu se pohybuje od 0 do délky - 1.

Syntax:

charAt (index)

Zde je příklad charAt () metoda:

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

Ó
Ž
!

Ve výše uvedeném příkladu, když délka str- 1 byl předán jako argument, metoda vrací poslední znak řetězce. Pokud zadáte neplatný index, který je mimo povolený rozsah, vrátí tato metoda -1.

5. String.charCodeAt ()

Podobně jako metoda charAt charCodeAt () metoda vrací Hodnota ASCII znaku v zadaném indexu. Tato metoda řetězce přijímá pouze jeden argument, index, ze kterého se má znak načíst.

Syntax:

charCodeAt (index)

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

109
33

Opět se hodnota indexu pohybuje od 0 do délky - 1 a pokud se pokusíte předat index nad povolený limit, tato metoda vrátí -1.

6. String.replace ()

Jak název napovídá, nahradit() metoda vám pomůže nahradit jednu část řetězce jinou částí. Tato metoda má dva argumenty: první je podřetězec, který má být nahrazen, a druhý je podřetězec, který má být nahrazen. Tato metoda neprovádí žádné úpravy původního řetězce.

Syntax:

nahradit (str1, str2)

Například pokud chcete slovo nahradit MUO s tento web v řetězcové proměnné můžete použít nahradit() taková metoda:

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

Vítejte na tomto webu!
Vítejte na MUO!

7. String.split ()

The rozdělit() metoda se používá k rozdělení všech slov nebo znaků v řetězci podle argumentu oddělovače předaného metodě. Návratový typ této metody je pole. Toto pole se skládá ze všech znaků nebo podřetězců rozdělených podle daného oddělovače. Tato metoda nemění původní řetězec.

Syntax:

split (oddělovač)

Pokud je například jako argument oddělovače metodě split předáno prázdné místo (""), výstup bude vypadat takto:

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

['Vítejte', 'na', 'MUO!']

Pokud nepředáte argument rozdělit() metoda vrátí pole s jediným prvkem skládajícím se z hodnoty proměnné řetězce.

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

['Vítejte na MUO!']

8. String.substring ()

The podřetězec () metoda se používá k získání podřetězce nebo části původního řetězce. Tato metoda má dva parametry: počáteční index a koncový index. Výstupní podřetězec začíná od zadaného počátečního indexu a tiskne až do koncového indexu - 1.

Syntax:

podřetězec (startIndex, endIndex)

Zde je rychlý příklad podřetězec () metoda:

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

"přijít"

Všimněte si, že znak na konci indexu není součástí výstupu.

9. String.search ()

The Vyhledávání() metoda pomáhá najít konkrétní podřetězec nebo znak uvnitř původního řetězce. Tato metoda přijímá skupinu znaků nebo podřetězce jako argument a sleduje řetězec. Po nalezení shody se vrátí počáteční index odpovídající části. Jinak tato metoda vrátí -1.

Syntax:

hledat (podřetězec)

Můžete využít Vyhledávání() metoda tímto způsobem:

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

11
-1

10. String.trim ()

The trim () metoda odstraní všechna bílá místa v řetězci před prvním znakem a za posledním znakem. Tato metoda nevyžaduje, abyste předávali žádné parametry, a nemění původní řetězec. Je to velmi užitečné pro ověření vstupu uživatele ve formulářích.

Syntax:

trim ()

Pojďme si vzít nový příklad k prozkoumání této řetězcové metody:

let untrimmedString = "Vítejte na MUO! ";
let trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);

„Vítejte na MUO!“
„Vítejte na MUO! "

Další metody JavaScriptu k pokladně

Jednalo se tedy o rychlé shrnutí některých běžných řetězcových metod, které vám pomohou být produktivnější jako vývojář JavaScriptu. Tyto metody vám také pomohou zvládnout vaše rozhovory s kódováním pro otázky související s řetězci. Cvičení jsou dokonalá, takže pokračujte a vyzkoušejte tyto metody ve své vlastní konzole.

Jakmile se důkladně seznámíte s řetězcovými metodami, mohlo by být užitečné podívat se na některé metody polí, které mohou dále zlepšit vaše zvládnutí jazyka JavaScript.

15 metod pole JavaScriptu, které byste dnes měli zvládnout

Chcete pochopit pole JavaScriptu, ale nemůžete se s nimi vyrovnat? Pokyny najdete v našich příkladech pole JavaScript.

Přečtěte si další

O autorovi