10 JavaScript String-methoden die u vandaag moet beheersen

Tijdens het programmeren in JavaScript kom je vaak scenario's tegen die stringmanipulatie vereisen. Als u bijvoorbeeld een e-mail ophaalt, moet u mogelijk alle tekens naar kleine letters converteren of een reguliere expressie gebruiken om te controleren of het ingevoerde wachtwoord aan alle voorwaarden voldoet.

Met JavaScript-tekenreeksmethoden kunt u al deze bewerkingen gemakkelijk volgens uw vereisten uitvoeren op een tekenreeks. Hier zijn 10 tekenreeksmethoden met voorbeelden om u te helpen ze goed te begrijpen.

Wat zijn JavaScript-stringmethoden?

Strings zijn een fundamentele gegevensstructuur die bestaat uit een reeks tekens. Deze datastructuur maakt deel uit van alle belangrijke programmeertalen, waaronder Python, JavaScript, Java en meer.

String-methoden zijn de vooraf gebouwde JavaScript-methoden waarmee ontwikkelaars veelvoorkomende bewerkingen op strings kunnen uitvoeren zonder de code handmatig te hoeven schrijven. Ze worden uitgevoerd met behulp van puntnotatie die is gekoppeld aan de tekenreeksvariabele.

Verwant: Wat is een functie in programmeren?

Omdat het gewoon JavaScript-functies zijn, eindigen ze altijd met haakjes die optionele argumenten kunnen bevatten. Het is essentieel om te weten wat JavaScript is en hoe het werkt alvorens verder te gaan. Laten we aan de slag gaan en deze methoden in meer detail leren.

Laten we voor de komende methoden een stringvariabele nemen str met de waarde van "Welkom bij MUO!" als voorbeeld.

let str = "Welkom bij MUO!"

1. String.toLowerCase() en String.toUppperCase()

De naarLowerCase() string methode converteert alle karakters van de gegeven string naar kleine letters, en op dezelfde manier, de naarHoofdletter() methode converteert alle tekens naar het formaat in hoofdletters. Deze functies wijzigen de originele string niet.

Syntaxis:

naarHoofdletter()
naarLowerCase()

Laten we deze twee methoden eens bekijken met een snel voorbeeld:

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

Als u de bovenstaande code op de console uitvoert, ontvangt u de volgende uitvoer:

"welkom bij muo!"
"WELKOM BIJ MUO!"
"Welkom bij MUO!"

2. String.concat()

De concat() methode wordt gebruikt om twee of meer strings samen te voegen. U kunt een of meer argumenten aan deze methode toevoegen om ze samen te voegen tot een enkele tekenreeks. Het maakt geen enkele wijziging aan de originele string.

Syntaxis:

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

Hier is een voorbeeld dat de aaneenschakeling van twee strings laat zien om een ​​nieuwe string te vormen:

let str2 = "Hoe gaat het?";
laat newString = str.concat (str2);
console.log (newString);

"Welkom bij MUO! Hoe gaat het met je?"

3. String.indexOf() en String.lastIndexOf()

De index van() methode helpt u om de eerste index te achterhalen waarin het opgegeven teken of de opgegeven subtekenreeks aanwezig is. Het begint aan de linkerkant en volgt de string om te controleren of het gegeven argument overeenkomt.

Syntaxis:

indexOf (str)

Laten we eens kijken op welke index MUO is aanwezig in de string met een voorbeeld:

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

11

Als het gegeven argument niet aanwezig is in de tekenreeks, retourneert de methode een waarde van -1.

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

-1

Evenzo is de lastIndexOf() methode retourneert de index van het laatste voorkomen van het opgegeven teken of de gegeven tekenreeks. Hier is een voorbeeld:

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

6

Ook al is het alfabet e verschijnt bij index 1, het laatste voorkomen van dit teken is bij index 6 en wordt daarom als uitvoer geretourneerd.

4. Tekenreeks.charAt()

De charAt() string-methode retourneert het teken op de opgegeven index in de tekenreeks. Het accepteert slechts één argument, de index waarop het teken moet worden opgehaald. De indexwaarde varieert van 0 tot lengte - 1.

Syntaxis:

charAt (index)

Hier is een voorbeeld van de charAt() methode:

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

O
W
!

In het bovenstaande voorbeeld, wanneer str.lengte- 1 als argument is doorgegeven, retourneert de methode het laatste teken van de tekenreeks. Als u een ongeldige index invoert die buiten het toegestane bereik ligt, retourneert deze methode -1.

5. String.charCodeAt()

Net als bij de charAt-methode, is de charCodeAt() methode retourneert de ASCII-waarde van het teken bij de opgegeven index. Deze tekenreeksmethode heeft slechts één argument nodig, de index waaruit het teken moet worden opgehaald.

Syntaxis:

charCodeAt (index)

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

109
33

Nogmaals, de indexwaarde varieert van 0 tot lengte - 1 en als u probeert een index voorbij de toegestane limiet door te geven, retourneert deze methode -1.

6. Tekenreeks.replace()

Zoals de naam al doet vermoeden, is de vervangen() methode helpt u een deel van de tekenreeks te vervangen door een ander deel. Deze methode heeft twee argumenten: de eerste is de subtekenreeks die moet worden vervangen en de tweede is de subtekenreeks die moet worden vervangen. Deze methode brengt geen enkele wijziging aan in de originele string.

Syntaxis:

vervangen (str1, str2)

Als u bijvoorbeeld het woord. wilt vervangen MUO met deze website in de stringvariabele kun je de. gebruiken vervangen() methode als volgt:

let newString = str.replace("MUO", "deze website");
console.log (newString);
console.log (str);

Welkom op deze website!
Welkom bij MUO!

7. String.split()

De splitsen() methode wordt gebruikt om alle woorden of tekens in een tekenreeks op te splitsen volgens het scheidingsteken dat aan de methode is doorgegeven. Het retourtype van deze methode is een array. Deze array bestaat uit alle karakters of substrings, opgesplitst volgens het gegeven scheidingsteken. Deze methode wijzigt de oorspronkelijke tekenreeks niet.

Syntaxis:

splitsen (scheidingsteken)

Als bijvoorbeeld een spatie (" ") wordt doorgegeven als het scheidingstekenargument aan de splitsmethode, ziet de uitvoer er als volgt uit:

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

['Welkom', 'bij', 'MUO!']

Als je geen argument doorgeeft aan de splitsen() methode, retourneert het een array met een enkel element dat bestaat uit de waarde van uw tekenreeksvariabele.

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

['Welkom bij MUO!']

8. Tekenreeks.subtekenreeks()

De subtekenreeks() methode wordt gebruikt om een ​​substring of een deel van de originele string te verkrijgen. Deze methode heeft twee parameters: de startindex en de eindindex. De uitvoersubstring begint vanaf de opgegeven startindex en wordt afgedrukt tot aan de eindindex - 1.

Syntaxis:

subtekenreeks (startIndex, endIndex)

Hier is een snel voorbeeld van de subtekenreeks() methode:

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

"kom"

Merk op dat het teken aan de eindindex geen deel uitmaakt van de uitvoer.

9. Tekenreeks.zoeken()

De zoeken() methode helpt bij het vinden van een bepaalde subtekenreeks of teken in de originele tekenreeks. Deze methode accepteert een groep tekens of subtekenreeksen als argument en volgt de tekenreeks. Bij het vinden van een overeenkomst, wordt de startindex van het overeenkomende gedeelte geretourneerd. Anders retourneert deze methode -1.

Syntaxis:

zoeken (subtekenreeks)

U kunt gebruik maken van de zoeken() methode op deze manier:

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

11
-1

10. String.trim()

De bijsnijden() methode verwijdert alle spaties in de tekenreeks, vóór het eerste teken en na het laatste teken. Voor deze methode hoeft u geen parameters door te geven en wijzigt de oorspronkelijke tekenreeks niet. Het is uiterst nuttig voor validatie van gebruikersinvoer in formulieren.

Syntaxis:

bijsnijden()

Laten we een nieuw voorbeeld nemen om deze tekenreeksmethode te verkennen:

let untrimmedString = " Welkom bij MUO! ";
laat trimmedString = untrimmedString.trim();
console.log (bijgesneden String);
console.log (niet getrimdString);

"Welkom bij MUO!"
" Welkom bij MUO! "

Meer JavaScript-methoden om uit te checken

Dit was dus een korte samenvatting van enkele veelgebruikte tekenreeksmethoden die u kunnen helpen productiever te zijn als JavaScript-ontwikkelaar. Deze methoden zullen u ook helpen uw coderingsinterviews voor string-gerelateerde vragen te verbeteren. Oefening baart kunst, dus ga je gang en probeer deze methoden uit in je eigen console.

Als je eenmaal grondig bent met string-methoden, is het misschien de moeite waard om enkele array-methoden te bekijken die je beheersing van JavaScript verder kunnen verbeteren.

15 JavaScript-array-methoden die u vandaag moet beheersen

Wilt u JavaScript-arrays begrijpen, maar kunt u er geen grip op krijgen? Bekijk onze voorbeelden van JavaScript-arrays voor hulp.

Lees volgende

Over de auteur