Å arbeide med tekststrenger kan fort bli komplisert for utviklere uten god kjennskap til de tilgjengelige metodene.
For å unngå frustrasjon er det viktig å forstå de mest sentrale egenskapene og metodene for strenghåndtering i JavaScript.
La oss se nærmere på disse, en etter en.
Lengde
Egenskapen «lengde» gir oss antallet tegn i en streng.
const selskap = "tipsbilk.net"; console.log(selskap.length);
toUpperCase()
Metoden «toUpperCase()» konverterer alle bokstaver i en streng til store bokstaver, og returnerer den nye strengen. Den opprinnelige strengen forblir uendret.
const selskap = "tipsbilk.net"; const storBokstavSelskap = selskap.toUpperCase(); console.log(storBokstavSelskap);
toLowerCase()
Metoden «toLowerCase()» konverterer alle bokstaver i en streng til små bokstaver og returnerer resultatet. Den opprinnelige strengen påvirkes ikke.
const selskap = "tipsbilk.net"; const litenBokstavSelskap = selskap.toLowerCase(); console.log(litenBokstavSelskap);
trim()
Metoden «trim()» fjerner mellomrom fra begynnelsen og slutten av en streng. Den modifiserer ikke den opprinnelige strengen, men returnerer en ny streng uten de ledende og etterfølgende mellomrom.
const selskap = " Geek Flare "; console.log(selskap); console.log(selskap.trim());
charAt(indeks)
Metoden «charAt()» henter tegnet som befinner seg på den spesifiserte indeksen i strengen. Hvis indeksen er utenfor rekkevidde, returneres en tom streng.
const selskap = "tipsbilk.net"; console.log(selskap.charAt(2)); console.log(selskap.charAt(10));
charCodeAt(indeks)
Metoden «charCodeAt()» returnerer ASCII-koden til tegnet ved den oppgitte indeksen. Hvis indeksen er ugyldig, returneres NaN.
const selskap = "tipsbilk.net"; console.log(selskap.charCodeAt(2)); console.log(selskap.charCodeAt(10));
slice(startIndeks, sluttIndeks)
Metoden «slice()» trekker ut en delstreng fra en streng, fra startIndeks opp til (men ikke inkludert) sluttIndeks. For eksempel vil «string.slice(0, 6)» gi delstrengen fra indeks 0 til og med indeks 5.
const selskap = "tipsbilk.net"; console.log(selskap.slice(0, 4));
Metoden «slice()» kan også bruke kun ett argument. I så fall returneres delstrengen fra den angitte indeksen og til slutten av strengen.
const selskap = "tipsbilk.net"; console.log(selskap.slice(4));
Metoden «slice()» godtar også negative indekser. Negative indekser telles fra slutten av strengen. For å illustrere:
Gitt strengen «tipsbilk.net», vil negative indekser være:
«t» = -10, «i» = -9, «p» = -8, «s» = -7, «b» = -6, «i» = -5, «l» = -4, «k» = -3, «.» = -2, «net» = -1
Dermed vil koden «string.slice(-9, -5)» returnere «ipsb» i dette tilfellet.
const selskap = "tipsbilk.net"; console.log(selskap.slice(-9, -5));
Koden «string.slice(-5)» vil returnere «bilk.net».
const selskap = "tipsbilk.net"; console.log(selskap.slice(-5));
Merk: Negative indekser fungerer ikke i Internet Explorer 8 eller eldre versjoner.
substr(startIndeks, lengde)
Metoden «substr()» ligner på «slice()», men forskjellen er at «substr()» bruker en lengdeverdi for å spesifisere hvor mange tegn som skal hentes fra den opprinnelige strengen.
const selskap = "tipsbilk.net"; console.log(selskap.substr(4, 5));
Det finnes også en metode kalt «substring()», som minner om «slice()», men «substring()» aksepterer ikke negative indekser. Prøv den gjerne selv.
replace(delstreng, nyDelstreng)
Metoden «replace()» erstatter den første forekomsten av en gitt delstreng med en ny delstreng.
const setning = "Besøk nettstedet Google";
console.log(setning.replace("Google", "tipsbilk.net"));
indexOf(delstreng)
Metoden «indexOf()» returnerer startindeksen til den første forekomsten av en gitt delstreng i en streng. Hvis delstrengen ikke finnes, returneres -1.
const selskap = "tipsbilk.net";
console.log(selskap.indexOf("Flare"));
console.log(selskap.indexOf("O"));
Metoden «indexOf()» kan også ta et valgfritt andre argument, som angir hvilken indeks søket skal starte fra.
const selskap = "tipsbilk.net";
console.log(selskap.indexOf("e"));
console.log(selskap.indexOf("e", 5));
Det finnes også en metode som heter «lastIndexOf()», som ligner på «indexOf()». Forskjellen er at «lastIndexOf()» søker baklengs fra slutten av strengen, og returnerer indeksen til den første forekomsten av den angitte delstrengen. Prøv selv med «selskap.lastIndexOf(«e»)».
split(separator)
Metoden «split()» deler en streng ved hjelp av en separator og returnerer en array med delene.
const setning = "Besøk, dette, nettstedet, tipsbilk.net";
console.log(setning.split(" "));
console.log(setning.split(", "));
Konklusjon
Dette er bare et utvalg av metoder for strenghåndtering i JavaScript. Det finnes mange flere som kan være nyttige i spesifikke situasjoner. Utforsk gjerne den offisielle dokumentasjonen for å lære mer.
Undersøk og bruk metodene som passer best for dine spesifikke behov.
Lykke til med kodingen 🙂
Neste steg kan være å utforske noen av de mest populære JavaScript-rammeverkene.