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

Når du programmerer i JavaScript, støder du ofte på scenarier, der kræver strengmanipulation. Når du f.eks. 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 let at udføre alle disse operationer på en streng i henhold til dine krav. Her er 10 strengmetoder med eksempler, der hjælper dig med at få et godt greb om dem.

Hvad er JavaScript -strengmetoder?

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

Stringmetoder 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?

hvordan man får snapchat streak tilbage

Da de bare er JavaScript -funktioner, slutter de altid med parenteser, der kan indeholde valgfrie argumenter. Det er vigtigt at vide hvad JavaScript er, og hvordan det fungerer inden du går videre. Lad os komme i gang og lære disse metoder mere detaljeret.

For de kommende metoder, lad os tage en strengvariabel s med værdien ' Velkommen til MUO! ' som et eksempel.

let str = 'Welcome to MUO!'

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

Det toLowerCase () string -metode konverterer alle tegnene i den givne streng til det lille format og på samme måde toUpperCase () metode konverterer alle tegnene 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:

'welcome to muo!'  
'WELCOME TO MUO!'  
'Welcome to MUO!'

2. String.concat ()

Det konkat () metode 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. Det foretager ingen ændringer af 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 = ' How are you?';  
let newString = str.concat(str2);  
console.log(newString);

'Welcome to MUO! How are you?'

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

Det indeks af() metode hjælper dig med at finde ud af det første indeks, hvor den angivne karakter eller delstreng 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, hvilket indeks 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('Hello')); -1

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

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

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

4. String.charAt ()

Det charAt () string -metode returnerer tegnet ved det angivne indeks i strengen. Det accepterer kun ét argument, det indeks, ved hvilket tegnet skal hentes. Indeksværdien spænder fra 0 til længde - 1.

Syntaks:

charAt(index)

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 argument, returnerer metoden strengens sidste tegn. Hvis du indtaster et ugyldigt indeks, der ligger uden for det tilladte område, returnerer denne metode -1.

5. String.charCodeAt ()

Ligesom charAt -metoden, det charCodeAt () metode returnerer ASCII -værdi af tegnet ved det angivne indeks. Denne strengmetode tager kun ét argument, indekset, som tegnet skal hentes fra.

Syntaks:

charCodeAt(index)

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

109  
33

Endnu en gang varierer indeksværdien fra 0 til længde - 1, og hvis du forsøger 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 delstrengen, der skal udskiftes, og den anden er delstrengen, der skal udskiftes med. Denne metode foretager ingen ændringer af den originale streng.

Syntaks:

replace(str1, str2)

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

let newString = str.replace('MUO', 'this website');  
console.log(newString);  
console.log(str);

Welcome to this website!  
Welcome to MUO!

7. String.split ()

Det dele() metode bruges til at nedbryde alle ord eller tegn i en streng i henhold til separatorargumentet, der blev sendt til metoden. Returtypen for denne metode er en matrix. Denne matrix består af alle tegnene eller understrengene, 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 separatorargumentet til opdelingsmetoden, ser output således ud:

let splitArray = str.split(' ');  
console.log(splitArray);

['Welcome', 'to', 'MUO!']

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

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

['Welcome to MUO!']

8. String.substring ()

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

Syntaks:

substring(startIndex, endIndex)

Her er et hurtigt eksempel på substring () 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 delstreng eller karakter inde i den originale streng. Denne metode accepterer en gruppe tegn eller delstreng som et argument og sporer gennem strengen. Når du finder et match, returneres startindekset for den matchede portion. Ellers returnerer denne metode -1.

Syntaks:

search(substring)

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 sender nogen parametre og ændrer ikke den originale streng. Det er yderst nyttigt til validering af brugerinput i formularer.

Syntaks:

trim()

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

se film online gratis stream ingen tilmelding

let untrimmedString = ' Welcome to MUO! ';  
let trimmedString = untrimmedString.trim();  
console.log(trimmedString);  
console.log(untrimmedString);

'Welcome to MUO!'  
' Welcome to MUO! '

Flere JavaScript -metoder til at tjekke ud

Så dette var en hurtig oversigt over nogle almindelige strengmetoder, der kan hjælpe dig med at være mere produktiv som JavaScript -udvikler. Disse metoder hjælper dig også med at finde ud af dine kodningsinterviews for strengrelaterede spørgsmål. Øvelse gør mester, så prøv disse metoder i din egen konsol.

Når du er grundig med strengmetoder, kan det være umagen værd at tage et kig på nogle array -metoder, der yderligere kan forbedre din beherskelse af JavaScript.

Del Del Tweet E -mail 15 JavaScript -arraymetoder, du bør mestre i dag

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

Læs Næste Relaterede emner

Programmering
JavaScript
Kodningstip

Om forfatteren Nitin Ranganath(31 artikler udgivet)

Nitin er en ivrig softwareudvikler og en computeringeniørstuderende, der udvikler webapplikationer ved hjælp af JavaScript -teknologier. Han arbejder som freelance webudvikler og kan lide at skrive til Linux og programmering i fritiden.

Mere fra Nitin Ranganath

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere