10 JavaScript-strengmetoder du bør mestre i dag

Mens du programmerer i JavaScript, vil du ofte komme over scenarier som krever strengmanipulering. For eksempel, mens du henter en e-post, må du kanskje konvertere alle tegnene til små bokstaver eller bruke et vanlig uttrykk for å sjekke om passordet som er angitt, oppfyller alle betingelsene.

JavaScript-strengmetoder hjelper deg med å utføre alle disse operasjonene på en streng i henhold til dine behov uten problemer. Her er 10 strengmetoder med eksempler som hjelper deg med å få et godt innblikk i dem.

Hva er JavaScript-strengmetoder?

Strenger er en grunnleggende datastruktur som består av en sekvens av tegn. Denne datastrukturen er en del av alle de viktigste programmeringsspråkene, inkludert Python, JavaScript, Java og mer.

Strengmetoder er de forhåndsbygde JavaScript-metodene som hjelper utviklere å utføre vanlige operasjoner på strenger uten å måtte skrive koden manuelt. De kjøres ved hjelp av punktnotasjon festet til strengvariabelen.

I slekt: Hva er en funksjon i programmering?

Siden de bare er JavaScript-funksjoner, slutter de alltid med parentes som kan inneholde valgfrie argumenter. Det er viktig å vite hva JavaScript er og hvordan det fungerer før du fortsetter videre. La oss komme i gang og lære disse metodene mer detaljert.

For de kommende metodene, la oss ta en strengvariabel str med verdien av "Velkommen til MUO!" som et eksempel.

la str = "Velkommen til MUO!"

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

De toLowerCase () strengmetode konverterer alle tegnene i den gitte strengen til små bokstaver, og tilsvarende toUpperCase () metoden konverterer alle tegnene til store bokstaver. Disse funksjonene endrer ikke den opprinnelige strengen.

Syntaks:

toUpperCase ()
toLowerCase ()

La oss sjekke ut disse to metodene med et raskt eksempel:

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

Når du kjører ovennevnte kode på konsollen, vil du motta følgende utdata:

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

2. String.concat ()

De concat () metoden brukes til å koble to eller flere strenger sammen. Du kan legge til ett eller flere argumenter i denne metoden for å sammenkoble dem til en enkelt streng. Det gjør ingen endringer i den opprinnelige strengen.

Syntaks:

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

Her er et eksempel som viser sammenkoblingen av to strenger for å danne en ny streng:

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

"Velkommen til MUO! Hvordan har du det?"

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

De oversikt over() metoden hjelper deg med å finne ut den første indeksen der det spesifiserte tegnet eller underlaget er til stede. Den begynner fra venstre side og sporer strengen for å sjekke om det gitte argumentet samsvarer.

Syntaks:

indexOf (str)

La oss finne ut indeksen som MUO er til stede i strengen med et eksempel:

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

11

Hvis det gitte argumentet ikke er tilstede i strengen, returnerer metoden verdien -1.

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

-1

Tilsvarende lastIndexOf () metoden returnerer indeksen for den siste forekomsten av det gitte tegnet eller strengen. Her er et eksempel:

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

6

Selv om alfabetet e vises ved indeks 1, er den siste forekomsten av dette tegnet i indeks 6 og returneres dermed som utdata.

4. String.charAt ()

De charAt () strengmetode returnerer tegnet ved den angitte indeksen i strengen. Den godtar bare ett argument, indeksen der tegnet skal hentes. Indeksverdien varierer fra 0 til lengde - 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 eksemplet ovenfor, når str. lengde- 1 ble sendt som argument, returnerer metoden det siste tegnet i strengen. Hvis du angir en ugyldig indeks som er utenfor det tillatte området, returnerer denne metoden -1.

5. String.charCodeAt ()

I likhet med charAt-metoden, er charCodeAt () metoden returnerer ASCII-verdi av tegnet ved den angitte indeksen. Denne strengmetoden tar bare ett argument, indeksen som tegnet skal hentes fra.

Syntaks:

charCodeAt (indeks)

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

109
33

Igjen, indeksverdien varierer fra 0 til lengde - 1, og hvis du prøver å passere en indeks utover den tillatte grensen, vil denne metoden returnere -1.

6. String.replace ()

Som navnet antyder, er erstatte() metoden hjelper deg å erstatte en del av strengen med en annen del. Denne metoden tar to argumenter: den første er undergrunnen som skal erstattes, og den andre er understrengen som skal erstattes med. Denne metoden endrer ikke den originale strengen.

Syntaks:

erstatte (str1, str2)

For eksempel hvis du vil erstatte ordet MUO med dette nettstedet i strengvariabelen kan du bruke erstatte() metode som denne:

la newString = str.replace ("MUO", "dette nettstedet");
console.log (newString);
console.log (str);

Velkommen til dette nettstedet!
Velkommen til MUO!

7. String.split ()

De dele() metoden brukes til å bryte ned alle ordene eller tegnene i en streng i henhold til skilleargumentet som er sendt til metoden. Returtypen til denne metoden er en matrise. Denne matrisen består av alle tegnene eller delstrengene, delt i henhold til gitt separator. Denne metoden endrer ikke den opprinnelige strengen.

Syntaks:

split (separator)

For eksempel, hvis et tomt mellomrom ("") sendes som separatorargument til delingsmetoden, vil dette være hvordan utdataene vil se ut:

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

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

Hvis du ikke sender et argument til dele() metode, vil den returnere en matrise med et enkelt element som består av strengvariabelens verdi.

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

['Velkommen til MUO!']

8. String.substring ()

De substring () metoden brukes til å skaffe en substring eller en del av den originale strengen. Denne metoden tar to parametere: startindeksen og sluttindeksen. Utgangssubstringen starter fra den angitte startindeksen og skrives ut til sluttindeksen - 1.

Syntaks:

substring (startIndex, endIndex)

Her er et raskt eksempel på substring () metode:

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

"komme"

Merk at tegnet ved sluttindeksen ikke er en del av utdataene.

9. String.search ()

De Søk() metoden hjelper deg med å finne en bestemt understreng eller karakter i den opprinnelige strengen. Denne metoden godtar en gruppe tegn eller understreng som et argument og spores gjennom strengen. Når du finner en kamp, ​​returneres startindeksen til den matchede delen. Ellers returnerer denne metoden -1.

Syntaks:

søk (understreng)

Du kan benytte deg av Søk() metode på denne måten:

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

11
-1

10. String.trim ()

De listverk() metoden fjerner alle hvite mellomrom i strengen, før det første tegnet og etter det siste tegnet. Denne metoden krever ikke at du sender noen parametere og endrer ikke den originale strengen. Det er ekstremt nyttig for validering av brukerinngang i skjemaer.

Syntaks:

listverk()

La oss ta et nytt eksempel for å utforske denne strengmetoden:

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

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

Flere JavaScript-metoder for å sjekke ut

Så dette var en rask oversikt over noen vanlige strengemetoder som kan hjelpe deg å bli mer produktiv som JavaScript-utvikler. Disse metodene vil også hjelpe deg med å få tak i kodingsintervjuene dine for strengrelaterte spørsmål. Øvelse gjør mester, så fortsett og prøv disse metodene i din egen konsoll.

Når du er grundig med strengmetoder, kan det lønne seg å ta en titt på noen matrismetoder som kan forbedre din mestring av JavaScript ytterligere.

15 JavaScript-matrisemetoder du bør mestre i dag

Vil du forstå JavaScript-matriser, men kan ikke forstå dem? Se våre eksempler på JavaScript-matriser for veiledning.

Les Neste

Om forfatteren