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

När du programmerar i JavaScript kommer du ofta att stöta 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 reguljärt uttryck för att kontrollera om det angivna lösenordet uppfyller alla villkor.

JavaScript-strängmetoder hjälper dig att utföra alla dessa operationer på en sträng enligt dina behov med lätthet. Här är 10 strängmetoder med exempel som hjälper 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?

Eftersom de bara är JavaScript-funktioner slutar de alltid med parentes som kan innehålla valfria argument. Det är viktigt att veta

vad JavaScript är och hur det fungerar innan du fortsätter 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 str med värdet "Välkommen till MUO!" som ett exempel.

let str = "Välkommen till MUO!"

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

De toLowerCase () strängmetod konverterar alla tecknen i den angivna strängen till gemenerformat och på liknande sätt toUpperCase () metoden konverterar alla tecken till versaler. Dessa funktioner ändrar inte originalsträ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:

"välkommen till muo!"
"VÄLKOMMEN TILL MUO!"
"Välkommen till MUO!"

2. String.concat ()

De concat () metoden används för att sammanfoga två eller flera strängar. Du kan lägga till ett eller flera argument i den här metoden för att sammanfoga dem i en enda sträng. Det gör ingen ändring av originalsträ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 = "Hur mår du?";
låt newString = str.concat (str2);
console.log (newString);

"Välkommen till MUO! Hur mår du?"

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 underlaget finns. Det 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 är närvarande i strängen med ett exempel:

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

11

Om det givna argumentet inte finns i strängen returnerar metoden värdet -1.

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

-1

På samma sätt har lastIndexOf () metoden returnerar index för den senaste förekomsten av det angivna tecknet eller strängen. Här är ett exempel:

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

6

Även om alfabetet e visas vid index 1, den sista förekomsten av detta tecken är 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. Det accepterar endast ett argument, det index där karaktären 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 ovanstående exempel, 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 den här metoden -1.

5. String.charCodeAt ()

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

Syntax:

charCodeAt (index)

str.charCodeAt (5);
str.charCodeAt (str. längd - 1);

109
33

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

6. String.replace ()

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

Syntax:

ersätt (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:

låt newString = str.replace ("MUO", "denna webbplats");
console.log (newString);
console.log (str);

Välkommen till denna webbplats!
Välkommen till 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 matris. Denna matris består av alla tecken eller strängar, delade enligt den givna avgränsaren. Den här metoden ändrar inte originalsträngen.

Syntax:

split (separator)

Till exempel, om ett tomt utrymme ("") skickas som separatorargument till delningsmetoden, så kommer utdata att se ut:

låt splitArray = str.split ("");
console.log (splitArray);

['Välkommen', 'till', 'MUO!']

Om du inte skickar ett argument till dela() metod returnerar den en array med ett enda element som består av din strängvariabels värde.

låt splitArray = str.split ();
console.log (splitArray);

['Välkommen till MUO!']

8. String.substring ()

De substring () metoden används för att erhålla en substring eller en del av den ursprungliga strängen. Denna metod tar två parametrar: startindex och slutindex. Utmatningssubstringen börjar från det angivna startindexet och skrivs ut till slutindexet - 1.

Syntax:

substring (startIndex, endIndex)

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

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

"lcome"

Observera att tecknet i slutindex inte är en del av utdata.

9. String.search ()

De Sök() metoden hjälper till att hitta en viss sträng eller karaktär i originalsträngen. Denna metod accepterar en grupp tecken eller substring som ett argument och spåras genom strängen. När du hittar en matchning returneras startindex för den matchade delen. Annars returnerar denna metod -1.

Syntax:

sökning (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() metoden 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 originalsträngen. Det är extremt användbart för validering av användarinmatning i formulär.

Syntax:

trim()

Låt oss ta ett nytt exempel för att utforska den här strängmetoden:

let untrimmedString = "Välkommen till MUO! ";
låt trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);

"Välkommen till MUO!"
"Välkommen till MUO! "

Fler JavaScript-metoder att kolla in

Så detta var en snabb sammanfattning 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 få tag på dina kodningsintervjuer för strängrelaterade frågor. Övning gör perfekt, så fortsätt och prova dessa metoder i din egen konsol.

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

15 Arraymetoder för JavaScript du bör behärska idag

Vill du förstå JavaScript-arrayer men kan inte ta itu med dem? Se våra exempel på JavaScript-matriser för vägledning.

Läs Nästa

Om författaren