10 JavaScript -strängmetoder du bör behärska idag

10 JavaScript -strängmetoder du bör behärska idag

När du programmerar i JavaScript stöter du ofta på scenarier som kräver strängmanipulation. När du till exempel hämtar ett e -postmeddelande kan du behöva konvertera alla tecken till gemener eller använda ett vanligt uttryck för att kontrollera om det angivna lösenordet uppfyller alla villkor.





JavaScript -strängmetoder hjälper dig att enkelt utföra alla dessa operationer på en sträng enligt dina krav. Här är 10 strängmetoder med exempel för att hjälpa dig att få ett bra grepp om dem.





Vad är JavaScript -strängmetoder?

Strängar är en grundläggande datastruktur som består av en sekvens av tecken. Denna datastruktur är en del av alla större programmeringsspråk, inklusive Python, JavaScript, Java och mer.





Strängmetoder är de förbyggda JavaScript-metoderna som hjälper utvecklare att utföra vanliga operationer på strängar utan att behöva skriva koden manuellt. De körs med dot-notation kopplad till strängvariabeln.

Relaterad: Vad är en funktion i programmering?



hur man frigör lagring på apple watch

Eftersom de bara är JavaScript -funktioner slutar de alltid med parenteser som kan innehålla valfria argument. Det är viktigt att veta vad JavaScript är och hur det fungerar innan du går vidare. Låt oss komma igång och lära oss dessa metoder mer detaljerat.

För de kommande metoderna, låt oss ta en strängvariabel sid med värdet ' Välkommen till MUO! ' som ett exempel.





let str = 'Welcome to MUO!'

1. String.toLowerCase () och String.toUppperCase ()

De toLowerCase () strängmetod konverterar alla tecken i den givna strängen till gemener, och på liknande sätt toUpperCase () metoden konverterar alla tecken till stora bokstäver. Dessa funktioner ändrar inte den ursprungliga strängen.

Syntax:





toUpperCase()
toLowerCase()

Låt oss kolla in dessa två metoder med ett snabbt exempel:

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

När du kör ovanstående kod på konsolen får du följande utdata:

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

2. String.concat ()

De konkat () metod används för att sammanfoga två eller flera strängar. Du kan lägga till ett eller flera argument till den här metoden för att sammanfoga dem till en enda sträng. Det gör ingen ändring av den ursprungliga strängen.

Syntax:

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

Här är ett exempel som visar sammankopplingen av två strängar för att bilda en ny sträng:

let str2 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'

3. String.indexOf () och String.lastIndexOf ()

De index för() metoden hjälper dig att ta reda på det första indexet där det angivna tecknet eller delsträngen finns. Den börjar från vänster sida och spårar strängen för att kontrollera om det givna argumentet matchar.

Syntax:

indexOf(str)

Låt oss ta reda på vilket index MUO finns i strängen med ett exempel:

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

Om det givna argumentet inte finns i strängen returnerar metoden ett värde på -1.

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

På samma sätt är lastIndexOf () metod returnerar indexet för den sista förekomsten av det angivna tecknet eller strängen. Här är ett exempel:

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

Även om alfabetet Och visas vid index 1, är den sista förekomsten av detta tecken vid index 6 och returneras därför som utdata.

4. String.charAt ()

De charAt () strängmetod returnerar tecknet vid det angivna indexet i strängen. Den accepterar endast ett argument, indexet där tecknet ska hämtas. Indexvärdet sträcker sig från 0 till längd - 1.

Syntax:

charAt(index)

Här är ett exempel på charAt () metod:

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

I exemplet ovan, när str. längd - 1 skickades som argumentet, returnerar metoden strängens sista tecken. Om du anger ett ogiltigt index som ligger utanför det tillåtna intervallet returnerar denna metod -1.

5. String.charCodeAt ()

Liknar charAt -metoden, de charCodeAt () metoden returnerar ASCII -värde av tecknet vid det angivna indexet. Denna strängmetod tar bara ett argument, indexet från vilket tecknet ska hämtas.

Syntax:

charCodeAt(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1);
109
33

Återigen varierar indexvärdet från 0 till längd - 1 och om du försöker passera ett index utanför den tillåtna gränsen, kommer denna metod att returnera -1.

6. String.replace ()

Som namnet antyder är byta ut() metod hjälper dig att ersätta en del av strängen med en annan del. Denna metod tar två argument: den första är delsträngen som ska ersättas, och den andra är delsträngen som ska ersättas med. Denna metod gör ingen ändring av den ursprungliga strängen.

Syntax:

replace(str1, str2)

Till exempel om du vill ersätta ordet MUO med denna webbplats i strängvariabeln kan du använda byta ut() metod så här:

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

7. String.split ()

De dela() metoden används för att bryta ner alla ord eller tecken i en sträng enligt separatorargumentet som skickas till metoden. Returtypen för denna metod är en array. Denna matris består av alla tecken eller underordnade delar, delade enligt den angivna separatorn. Denna metod ändrar inte den ursprungliga strängen.

Syntax:

split(separator)

Till exempel, om ett tomt mellanslag ('') skickas som separatorargument till delningsmetoden, ser utgången ut så här:

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

Om du inte skickar ett argument till dela() metod, kommer den att returnera en array med ett enda element bestående av din strängvariabelns värde.

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

8. String.substring ()

De delsträng () metoden används för att erhålla en delsträng eller del av den ursprungliga strängen. Denna metod tar två parametrar: startindex och slutindex. Utdatasträngen startar från det angivna startindexet och skriver ut upp till slutindexet - 1.

Syntax:

substring(startIndex, endIndex)

Här är ett snabbt exempel på delsträng () metod:

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

Observera att tecknet vid slutet index inte är en del av utdata.

De Sök() metod hjälper till att hitta en viss delsträng eller tecken inuti den ursprungliga strängen. Denna metod accepterar en grupp tecken eller delsträng som ett argument och spårar genom strängen. När du hittar en matchning returneras startindexet för den matchade delen. Annars returnerar denna metod -1.

Syntax:

search(substring)

Du kan använda Sök() metod på detta sätt:

console.log(str.search('MUO'));
console.log(str.search('2'));
11
-1

10. String.trim ()

De trim() metod tar bort alla vita mellanslag i strängen, före det första tecknet och efter det sista tecknet. Denna metod kräver inte att du skickar några parametrar och ändrar inte den ursprungliga strängen. Det är oerhört användbart för användarinmatningsvalidering i formulär.

Syntax:

trim()

Låt oss ta ett nytt exempel för att utforska denna strängmetod:

hur man gör en pdf mindre på mac utan att förlora kvalitet
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString);
'Welcome to MUO!'
' Welcome to MUO! '

Fler JavaScript -metoder att checka ut

Så detta var en snabb sammanställning av några vanliga strängmetoder som kan hjälpa dig att bli mer produktiv som JavaScript -utvecklare. Dessa metoder hjälper dig också att ta reda på dina kodningsintervjuer för strängrelaterade frågor. Övning gör mester, så prova dessa metoder i din egen konsol.

När du är noggrann med strängmetoder kan det vara värt att ta en titt på några matrismetoder som ytterligare kan förbättra din behärskning av JavaScript.

Dela med sig Dela med sig Tweet E-post 15 JavaScript -matrismetoder du bör behärska idag

Vill du förstå JavaScript -matriser men kan inte ta tag i dem? Kontrollera våra exempel på JavaScript -array för vägledning.

Läs Nästa
Relaterade ämnen
  • Programmering
  • JavaScript
  • Kodningstips
Om författaren Nitin Ranganath(31 artiklar publicerade)

Nitin är en ivrig mjukvaruutvecklare och en datoringenjörstudent som utvecklar webbapplikationer med hjälp av JavaScript -teknik. Han arbetar som frilansande webbutvecklare och gillar att skriva för Linux och programmering på fritiden.

Mer från Nitin Ranganath

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!

Klicka här för att prenumerera