För utvecklare kan hantering av strängar utan kunskap om de tillgängliga metoderna vara en frustrerande upplevelse.
För att undvika dessa problem är det viktigt att ha en god förståelse för de mest centrala egenskaperna och metoderna för strängar i JavaScript.
Låt oss granska dem noggrant.
Att räkna bokstäver
Egenskapen ”length” ger oss det totala antalet tecken i en sträng.
const exempel = "adminvista.com";
console.log(exempel.length);
Göra om till stora bokstäver
Metoden ”toUpperCase” omvandlar samtliga tecken i en sträng till versaler, och ger tillbaka resultatet. Den ursprungliga strängen förblir oförändrad.
const exempel = "adminvista.com";
const storBokstav = exempel.toUpperCase();
console.log(storBokstav);
Göra om till små bokstäver
Metoden ”toLowerCase” gör om varje tecken i en sträng till gemener och returnerar den nya strängen. Återigen, den ursprungliga strängen påverkas inte.
const exempel = "adminvista.com";
const litenBokstav = exempel.toLowerCase();
console.log(litenBokstav);
Ta bort onödiga blanksteg
Med metoden ”trim” avlägsnas inledande och avslutande blanksteg från en sträng. Denna operation påverkar inte den ursprungliga strängen.
const exempel = " Text Exempel ";
console.log(exempel);
console.log(exempel.trim());
Hämta tecken vid visst index
Metoden ”charAt” returnerar tecknet som befinner sig på det specificerade indexet. Om indexet är ogiltigt returneras en tom sträng.
const exempel = "adminvista.com";
console.log(exempel.charAt(2));
console.log(exempel.charAt(10));
Hämta tecknets ASCII-kod
Metoden ”charCodeAt” ger tillbaka ASCII-koden för tecknet vid det angivna indexet. Om indexet är felaktigt returneras NaN.
const exempel = "adminvista.com";
console.log(exempel.charCodeAt(2));
console.log(exempel.charCodeAt(10));
Plocka ut delar av strängen
Metoden ”slice” extraherar en delsträng från den ursprungliga strängen, från ”startIndex” till ”endIndex” (exklusive ”endIndex”). Till exempel, ”string.slice(0, 6)” ger oss delsträngen från index 0 till och med 5.
const exempel = "adminvista.com";
console.log(exempel.slice(0, 4));
Om ”slice” anropas med ett enda argument, returneras delsträngen från det angivna indexet fram till strängens slut.
const exempel = "adminvista.com";
console.log(exempel.slice(4));
Metoden ”slice” accepterar även negativa index. Dessa räknas från slutet av strängen. Vi kan illustrera detta med ett exempel.
I strängen ”adminvista.com” motsvarar de negativa indexen:
m = -1, o = -2, c = -3, . = -4, … a = -11
Koden ”string.slice(-9, -5)” ger ”minv” i exemplet ovan.
const exempel = "adminvista.com";
console.log(exempel.slice(-9, -5));
Koden ”string.slice(-5)” resulterar i ”a.com” i det här fallet.
const exempel = "adminvista.com";
console.log(exempel.slice(-5));
Viktigt: Negativ indexering fungerar inte i Internet Explorer 8 och tidigare versioner.
Dela upp sträng med längd
Metoden ”substr” fungerar liknande som ”slice”, men den tar emot längden på den delsträng som ska utvinnas istället för ett slutindex.
const exempel = "adminvista.com";
console.log(exempel.substr(4, 5));
Det finns en annan metod, ”substring”, som är lik ”slice”, men ”substring” accepterar inte negativa index. Det kan du testa själv.
Ersätt text i strängen
Metoden ”replace” byter ut den första förekomsten av en delsträng mot en annan sträng.
const mening = "Besök sidan Google";
console.log(mening.replace("Google", "adminvista.com"));
Hitta index för delsträng
Metoden ”indexOf” ger tillbaka det första indexet där en specifik delsträng påträffas. Om den inte hittas returneras -1.
const exempel = "adminvista.com";
console.log(exempel.indexOf("vista"));
console.log(exempel.indexOf("x"));
Metoden ”indexOf” kan även ta ett andra argument, som anger från vilket index sökningen ska starta.
const exempel = "adminvista.com";
console.log(exempel.indexOf("a"));
console.log(exempel.indexOf("a", 5));
Det finns även en metod som kallas ”lastIndexOf”, som liknar ”indexOf”, men som söker från slutet av strängen. Prova själv med exempelvis ”exempel.lastIndexOf(’a’)”
Dela upp sträng i array
Metoden ”split” delar upp en sträng vid en angiven avgränsare och returnerar delarna som en array.
const mening = "Besök, sidan, adminvista.com";
console.log(mening.split(" "));
console.log(mening.split(", "));
Slutsats
Detta är inte en fullständig lista. Det finns fler metoder för strängar. Se gärna dokumentationen för att lära dig mer. Du kan stöta på metoder som är mer lämpliga för dina specifika behov.
Sök och använd de metoder som är relevanta för just dina situationer.
Lycka till med kodningen! 🙂
Kolla gärna även in några av de populära JavaScript-ramverken.