10 JavaScript-strengmetoder, du bør mestre i dag

Under programmering i JavaScript støder du ofte på scenarier, der kræver strengmanipulation. For eksempel, mens du henter en e-mail, skal du muligvis konvertere alle tegnene til små bogstaver eller bruge et regulært udtryk for at kontrollere, om den indtastede adgangskode opfylder alle betingelserne.

JavaScript-strengmetoder hjælper dig med at udføre alle disse operationer på en streng efter dine behov med lethed. Her er 10 strengmetoder med eksempler, der hjælper dig med at få en god forståelse af dem.

Hvad er JavaScript-strengmetoder?

Strenge er en grundlæggende datastruktur, der består af en række tegn. Denne datastruktur er en del af alle større programmeringssprog, herunder Python, JavaScript, Java og mere.

Strengmetoder er de forudbyggede JavaScript-metoder, der hjælper udviklere med at udføre almindelige operationer på strenge uden at skulle skrive koden manuelt. De køres ved hjælp af dot-notation knyttet til strengvariablen.

Relaterede: Hvad er en funktion i programmering?

Da de bare er JavaScript-funktioner, slutter de altid med parentes, som kan indeholde valgfri argumenter. Det er vigtigt at vide

hvad JavaScript er, og hvordan det fungerer inden du fortsætter videre. Lad os komme i gang og lære disse metoder mere detaljeret.

Lad os tage en strengvariabel til de kommende metoder str med værdien af ​​"Velkommen til MUO!" som et eksempel.

lad str = "Velkommen til MUO!"

1. String.toLowerCase () og String.toUppperCase ()

Det toLowerCase () strengmetode konverterer alle tegn i den givne streng til små bogstaver og på lignende måde toUpperCase () metode konverterer alle tegn til store bogstaver. Disse funktioner ændrer ikke den originale streng.

Syntaks:

toUpperCase ()
toLowerCase ()

Lad os tjekke disse to metoder med et hurtigt eksempel:

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

Når du kører ovenstående kode på konsollen, modtager du følgende output:

"velkommen til muo!"
"VELKOMMEN TIL MUO!"
"Velkommen til MUO!"

2. String.concat ()

Det concat () metoden bruges til at forbinde to eller flere strenge sammen. Du kan tilføje et eller flere argumenter til denne metode for at sammenkæde dem til en enkelt streng. Den ændrer ikke den originale streng.

Syntaks:

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

Her er et eksempel, der viser sammenkædningen af ​​to strenge for at danne en ny streng:

let str2 = "Hvordan har du det?";
lad newString = str.concat (str2);
console.log (newString);

"Velkommen til MUO! Hvordan har du det?"

3. String.indexOf () og String.lastIndexOf ()

Det indeks af() metoden hjælper dig med at finde ud af det første indeks, hvor det angivne tegn eller understreng er til stede. Det begynder fra venstre side og sporer strengen for at kontrollere, om det givne argument stemmer overens.

Syntaks:

indexOf (str)

Lad os finde ud af det indeks, hvormed MUO er til stede i strengen med et eksempel:

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

11

Hvis det givne argument ikke er til stede i strengen, returnerer metoden en værdi på -1.

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

-1

Tilsvarende er lastIndexOf () metode returnerer indekset for den sidste forekomst af det givne tegn eller streng. Her er et eksempel:

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

6

Selvom alfabetet e vises ved indeks 1, den sidste forekomst af dette tegn er ved indeks 6 og returneres derfor som output.

4. String.charAt ()

Det charAt () strengmetode returnerer tegnet ved det angivne indeks i strengen. Det accepterer kun ét argument, det indeks, hvor tegnet skal hentes. Indeksværdien varierer fra 0 til længde - 1.

Syntaks:

charAt (indeks)

Her er et eksempel på charAt () metode:

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

o
W
!

I ovenstående eksempel, hvornår str. længde- 1 blev bestået som argumentet, returnerer metoden strengens sidste tegn. Hvis du indtaster et ugyldigt indeks, der ligger uden for det tilladte interval, returnerer denne metode -1.

5. String.charCodeAt ()

Svarende til charAt-metoden er charCodeAt () metoden returnerer ASCII-værdi af tegnet ved det angivne indeks. Denne strengmetode tager kun ét argument, det indeks, hvorfra tegnet skal hentes.

Syntaks:

charCodeAt (indeks)

str.charCodeAt (5);
str.charCodeAt (str. længde - 1);

109
33

Endnu en gang varierer indeksværdien fra 0 til længde - 1, og hvis du prøver at passere et indeks ud over den tilladte grænse, returnerer denne metode -1.

6. String.replace ()

Som navnet antyder, er erstatte() metode hjælper dig med at erstatte en del af strengen med en anden del. Denne metode tager to argumenter: den første er den substring, der skal udskiftes, og den anden er den substring, der skal udskiftes med. Denne metode ændrer ikke den originale streng.

Syntaks:

udskift (str1, str2)

For eksempel, hvis du vil erstatte ordet MUO med dette websted i strengvariablen kan du bruge erstatte() metode som denne:

lad newString = str.replace ("MUO", "dette websted");
console.log (newString);
console.log (str);

Velkommen til dette websted!
Velkommen til MUO!

7. String.split ()

Det dele() metode bruges til at nedbryde alle ord eller tegn i en streng efter skilleargumentet, der sendes til metoden. Returtypen for denne metode er en matrix. Denne matrix består af alle tegn eller understreng, opdelt i henhold til den givne separator. Denne metode ændrer ikke den originale streng.

Syntaks:

split (separator)

For eksempel, hvis et tomt mellemrum ("") sendes som separatorargument til splitmetoden, vil dette være, hvordan output vil se ud:

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

['Velkommen', 'til', 'MUO!']

Hvis du ikke sender et argument til dele() metode, returnerer den en matrix med et enkelt element bestående af værdien af ​​din strengvariabel.

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

['Velkommen til MUO!']

8. String.substring ()

Det understreng () metoden bruges til at opnå en substring eller en del af den originale streng. Denne metode tager to parametre: startindekset og slutindekset. Udgangssubstringen starter fra det angivne startindeks og udskrives op til slutindekset - 1.

Syntaks:

substring (startIndex, endIndex)

Her er et hurtigt eksempel på understreng () metode:

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

"lcome"

Bemærk, at tegnet ved slutindekset ikke er en del af output.

9. String.search ()

Det Søg() metode hjælper med at finde en bestemt understreng eller karakter inden i den originale streng. Denne metode accepterer en gruppe tegn eller understreng som et argument og spores gennem strengen. Efter at have fundet et match returneres startindekset for den matchede del. Ellers returnerer denne metode -1.

Syntaks:

søg (understreng)

Du kan gøre brug af Søg() metode på denne måde:

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

11
-1

10. String.trim ()

Det trimme() metode fjerner alle de hvide mellemrum i strengen, før det første tegn og efter det sidste tegn. Denne metode kræver ikke, at du overfører nogen parametre og ændrer ikke den originale streng. Det er yderst nyttigt til validering af brugerinput i formularer.

Syntaks:

trimme()

Lad os tage et nyt eksempel for at udforske denne strengmetode:

let untrimmedString = "Velkommen til MUO! ";
lad trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);

"Velkommen til MUO!"
"Velkommen til MUO! "

Flere JavaScript-metoder til at tjekke ud

Så dette var en hurtig opsamling af nogle almindelige strengmetoder, der kan hjælpe dig med at blive mere produktiv som JavaScript-udvikler. Disse metoder hjælper dig også med at få fat i dine kodningssamtaler til strengrelaterede spørgsmål. Øvelse gør mester, så fortsæt og prøv disse metoder i din egen konsol.

Når du er grundig med strengmetoder, kan det være umagen værd at se på nogle matrixmetoder, der yderligere kan forbedre din beherskelse af JavaScript.

15 JavaScript-matrixmetoder, du bør mestre i dag

Vil du forstå JavaScript-arrays, men kan ikke få fat i dem? Se vores eksempler på JavaScript-array for vejledning.

Læs Næste

Om forfatteren