10 JavaScript -strengmetoder du bør mestre i dag

10 JavaScript -strengmetoder du bør mestre i dag

Når du programmerer i JavaScript, kommer du ofte 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 å kontrollere om det angitte passordet oppfyller alle betingelsene.





JavaScript -strengmetoder vil enkelt hjelpe deg med å utføre alle disse operasjonene på en streng i henhold til dine krav. Her er 10 strengmetoder med eksempler for å hjelpe deg med å få et godt grep om dem.





Hva er JavaScript -strengmetoder?

Strenger er en grunnleggende datastruktur som består av en rekke tegn. Denne datastrukturen er en del av alle større programmeringsspråk, inkludert Python, JavaScript, Java og mer.





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

I slekt: Hva er en funksjon i programmering?



hvordan fikse døde piksler på led -tv

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 går videre. La oss komme i gang og lære disse metodene mer detaljert.

La oss ta en strengvariabel for de kommende metodene s med verdien av ' Velkommen til MUO! ' som et eksempel.





let str = 'Welcome to MUO!'

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

De toLowerCase () string -metoden konverterer alle tegnene i den gitte strengen til det lille formatet, og på lignende måte toUpperCase () metoden konverterer alle tegnene til store bokstaver. Disse funksjonene endrer ikke den opprinnelige strengen.

Syntaks:





toUpperCase()
toLowerCase()

La oss sjekke disse to metodene med et raskt eksempel:

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

Når du kjører koden ovenfor på konsollen, får du følgende utdata:

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

2. String.concat ()

De konkat () metoden brukes for å koble to eller flere strenger sammen. Du kan legge til ett eller flere argumenter for 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 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'

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

De oversikt over() metode hjelper deg med å finne ut den første indeksen der det angitte tegnet eller delstrengen er tilstede. Den begynner fra venstre side og sporer strengen for å sjekke om det gitte argumentet stemmer overens.

Syntaks:

indexOf(str)

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

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

Hvis det gitte argumentet ikke er tilstede i strengen, returnerer metoden en verdi på -1.

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

På samme måte vil lastIndexOf () method 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 Og vises ved indeks 1, er den siste forekomsten av dette tegnet ved indeks 6 og returneres derfor som utdata.

4. String.charAt ()

De charAt () string -metoden 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(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 eksemplet ovenfor, når str. lengde - 1 ble passert som argumentet, returnerer metoden det siste tegnet i strengen. Hvis du angir en ugyldig indeks som ligger utenfor det tillatte området, returnerer denne metoden -1.

5. String.charCodeAt ()

I likhet med charAt -metoden, de 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(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1);
109
33

Nok en gang, 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() metode hjelper deg med å erstatte en del av strengen med en annen del. Denne metoden tar to argumenter: den første er delstrengen som skal erstattes, og den andre er delstrengen som skal erstattes med. Denne metoden gjør ingen endringer i den opprinnelige strengen.

Syntaks:

replace(str1, str2)

For eksempel, hvis du vil erstatte ordet MUO med denne nettsiden i strengvariabelen kan du bruke 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 ()

De dele() metode brukes til å bryte ned alle ordene eller tegnene i en streng i henhold til separatorargumentet som ble sendt til metoden. Returtypen for denne metoden er en matrise. Denne matrisen består av alle tegnene eller underlagene, delt i henhold til den angitte separatoren. Denne metoden endrer ikke den opprinnelige strengen.

Syntaks:

split(separator)

For eksempel, hvis et tomt mellomrom ('') sendes som separatorargumentet til delingsmetoden, ser det slik ut:

let splitArray = str.split(' ');
console.log(splitArray);
['Welcome', 'to', 'MUO!']

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

let splitArray = str.split();
console.log(splitArray);
['Welcome to MUO!']

8. String.substring ()

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

Syntaks:

substring(startIndex, endIndex)

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

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

Vær oppmerksom på at tegnet ved sluttindeksen ikke er en del av utgangen.

De Søk() metoden hjelper til med å finne en bestemt delstreng eller et tegn inne i den originale strengen. Denne metoden godtar en gruppe tegn eller delstreng som et argument og sporer gjennom strengen. Når du finner en match, returneres startindeksen for den matchede delen. Ellers returnerer denne metoden -1.

Syntaks:

search(substring)

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() metode 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 opprinnelige strengen. Det er ekstremt nyttig for validering av brukerinndata i skjemaer.

Syntaks:

trim()

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

windows Det oppstod et problem med å tilbakestille PCen
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString);
'Welcome to MUO!'
' Welcome to MUO! '

Flere JavaScript -metoder for å sjekke ut

Så dette var en rask oppsummering av noen vanlige strengmetoder som kan hjelpe deg med å bli mer produktiv som JavaScript -utvikler. Disse metodene vil også hjelpe deg med å ta tak i dine kodingsintervjuer for strengrelaterte spørsmål. Øvelse gjør mester, så prøv disse metodene i din egen konsoll.

Når du er grundig med strengmetoder, kan det være verdt å ta en titt på noen matrisemetoder som kan forbedre din beherskelse av JavaScript ytterligere.

Dele Dele kvitring E -post 15 JavaScript -matrisemetoder du bør mestre i dag

Vil du forstå JavaScript -matriser, men kan ikke ta tak i dem? Sjekk våre JavaScript -arrayeksempler for veiledning.

Les neste
Relaterte temaer
  • Programmering
  • JavaScript
  • Kodetips
Om forfatteren Nitin Ranganath(31 artikler publisert)

Nitin er en ivrig programvareutvikler og en dataingeniørstudent som utvikler webapplikasjoner ved hjelp av JavaScript -teknologier. Han jobber som frilans webutvikler og liker å skrive for Linux og programmering på fritiden.

Mer fra Nitin Ranganath

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!

Klikk her for å abonnere