Home-theater-designers
Při programování v JavaScriptu se často setkáte se scénáři, 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ů JavaScript vám pomohou snadno provádět všechny tyto operace na řetězci podle vašich požadavků. Zde je 10 řetězcových metod s příklady, které vám pomohou se v nich dobře zorientovat.
Jaké jsou metody řetězce JavaScript?
Řetězce jsou základní datovou strukturou, která se skládá ze sekvence 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 vytvořené metody JavaScriptu, které pomáhají vývojářům provádět běžné operace na řetězcích, aniž by museli kód psát ručně. Jsou spuštěny pomocí bodové notace připojené k řetězcové proměnné.
Příbuzný: Co je funkce v programování?
google pixel 5 vs samsung s21
Protože se jedná pouze o funkce JavaScriptu, vždy končí závorkami, do kterých se mohou vložit volitelné argumenty. Je důležité vědět co je JavaScript a jak funguje než budete pokračovat dále. Začněme a naučme se tyto metody podrobněji.
Pro nadcházející metody si vezměme řetězcovou proměnnou p s hodnotou ' Vítejte na MUO! ' jako příklad.
let str = 'Welcome to MUO!'1. String.toLowerCase () a String.toUppperCase ()
The toLowerCase () string metoda převede všechny znaky daného řetězce na malá písmena a podobně toUpperCase () metoda převede všechny znaky na velká písmena. Tyto funkce nemění původní řetězec.
Syntax:
toUpperCase()
toLowerCase()Podívejme se na tyto dvě metody na rychlé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:
'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'2. String.concat ()
The concat () metoda se používá ke spojení dvou nebo více řetězců dohromady. K této metodě můžete přidat jeden nebo více argumentů, abyste je spojili do jednoho řetězce. Neprovádí žádné úpravy původního řetězce.
Syntax:
concat(str1, str2, str3, ...)Zde je příklad, který předvádí zřetězení dvou řetězců za účelem vytvoření nového řetězce:
let str2 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'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. Začíná z levé strany a sleduje řetězec, aby zkontroloval, zda se daný argument shoduje.
Syntax:
indexOf(str)Zjistíme, ve kterém indexu MUO je v řetězci uveden s příkladem:
console.log(str.indexOf('MUO')); 11Pokud daný argument v řetězci není, metoda vrátí hodnotu -1.
console.log(str.indexOf('Hello')); -1Podobně i lastIndexOf () metoda vrací index posledního výskytu daného znaku nebo řetězce. Zde je příklad:
console.log(str.lastIndexOf('e')); 6I když ta abeceda A se objeví v indexu 1, poslední výskyt tohoto znaku je v indexu 6, a proto je vrácen jako výstup.
4. String.charAt ()
The charAt () string metoda vrací znak v 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)); o
W
!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 přípustný rozsah, vrátí tato metoda -1.
5. String.charCodeAt ()
Podobně jako metoda charAt, the charCodeAt () metoda vrací Hodnota ASCII znaku v zadaném indexu. Tato řetězcová metoda přebírá pouze jeden argument, index, ze kterého má být znak načten.
Syntax:
charCodeAt(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1); 109
33Opět platí, že hodnota indexu se pohybuje od 0 do délky - 1 a pokud se pokusíte předat index za přípustný 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í žádnou změnu původního řetězce.
Syntax:
replace(str1, str2)Pokud například chcete nahradit slovo MUO s tento web v řetězcové proměnné můžete použít nahradit() metoda takto:
let newString = str.replace('MUO', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to 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ým typem 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(separator)Pokud je například jako argument oddělovače metodě rozdělení předán prázdný prostor (''), bude výstup vypadat takto:
let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', 'MUO!']Pokud nepředáte argument argumentu rozdělit() metoda, vrátí pole s jediným prvkem sestávajícím z hodnoty proměnné vašeho řetězce.
let splitArray = str.split();
console.log(splitArray); ['Welcome to 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ž po koncový index - 1.
Syntax:
substring(startIndex, endIndex)Zde je rychlý příklad podřetězec () metoda:
console.log(str.substring(2,8)); 'lcome'Všimněte si toho, ž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ězců 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:
search(substring)Můžete využít Vyhledávání() metoda tímto způsobem:
console.log(str.search('MUO'));
console.log(str.search('2')); 11
-110. String.trim ()
The trim () metoda odstraní všechna prázdná místa v řetězci, před prvním znakem a za posledním znakem. Tato metoda nevyžaduje, abyste předali jakékoli parametry, a nemění původní řetězec. Je to velmi užitečné pro ověřování vstupů uživatelů ve formulářích.
Syntax:
trim()Ukažme si nový příklad na prozkoumání této řetězcové metody:
Windows 10 nerozpoznává externí pevný disk
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to MUO! 'Více metod JavaScriptu k zaplacení
Toto bylo rychlé shrnutí některých běžných řetězcových metod, které vám mohou pomoci být produktivnější jako vývojář JavaScriptu. Tyto metody vám také pomohou zvládnout rozhovory s kódováním pro otázky související s řetězci. Cvičení je dokonalé, tak neváhejte a vyzkoušejte si tyto metody ve své vlastní konzoli.
Jakmile se důkladně seznámíte s řetězcovými metodami, možná by stálo za to se podívat na některé metody pole, které mohou dále zlepšit vaše zvládnutí JavaScriptu.
Podíl Podíl tweet E-mailem 15 metod pole JavaScript, které byste dnes měli zvládnoutChcete porozumět poli JavaScript, ale nemůžete se s nimi vypořádat? Pokyny naleznete v našich příkladech pole JavaScript.
Číst dále Související témata- Programování
- JavaScript
- Tipy pro kódování
Nitin je vášnivý vývojář softwaru a student počítačového inženýrství vyvíjející webové aplikace pomocí technologií JavaScript. Pracuje jako webový vývojář na volné noze a ve svém volném čase rád píše pro Linux a programování.
Více od Nitin RanganathPřihlaste se k odběru našeho zpravodaje
Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!
Kliknutím sem se přihlásíte k odběru