Stringmetoder å vite i JavaScript

Å jobbe med strenger uten å kjenne til metodene vil være et mareritt for utviklere.

For å bli kvitt disse marerittene, må vi kjenne til de viktigste egenskapene og metodene til strenger i JavaScript.

La oss utforske dem én etter én.

lengde

Egenskapen lengde returnerer lengden på strengen.

const company = "tipsbilk.net";

console.log(company.length);

toUpperCase()

Metoden toUpperCase gjør hvert tegn i strengen til store bokstaver og returnerer det. Det endrer ikke den opprinnelige strengen.

const company = "tipsbilk.net";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

toLowerCase()

Metoden toLowerCase gjør hvert tegn i strengen til små bokstaver og returnerer det. Det endrer ikke den opprinnelige strengen.

const company = "tipsbilk.net";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

listverk()

Metodetrimningen fjerner start- og slutthvite mellomrom fra strengen. Det er en operasjon på stedet, dvs. oppdaterer den opprinnelige strengen.

const company = "         Geek   Flare           ";

console.log(company);
console.log(company.trim());

charAt(indeks)

Metoden charAt returnerer tegnet ved den gitte indeksen. Den returnerer en tom streng hvis indeksen ikke er gyldig.

const company = "tipsbilk.net";

console.log(company.charAt(2));
console.log(company.charAt(10));

charCodeAt(indeks)

Metoden charCodeAt returnerer tegnet ASCII-koden ved den gitte indeksen. Den returnerer NaN hvis indeksen ikke er gyldig.

const company = "tipsbilk.net";

console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));

slice(startIndex, endIndex)

Metodesnittet returnerer delstrengen fra strengen fra startIndex til endIndex (ikke inkludert). String.slice(0, 6) returnerer delstrengen fra 0. indeks til 5. indeks.

const company = "tipsbilk.net";

console.log(company.slice(0, 4));

Metodesnittet vil også godta et syngeargument. Hvis du sender et enkelt argument til slice-metoden, vil den returnere delstrengen fra den gitte indeksen til slutten av strengen.

const company = "tipsbilk.net";

console.log(company.slice(4));

Metodestykket vil også godta negative indekser. De negative indeksene telles fra slutten av strengen. La oss se et eksempel da det er nytt for de fleste.

Gitt streng tipsbilk.net, er de negative indeksene

G = -9, e = -8, e = -7, k = -6

og så videre…

Koden string.slice(-9, -5) vil returnere Geek for eksemplet ovenfor.

const company = "tipsbilk.net";

console.log(company.slice(-9, -5));

Koden string.slice(-5) vil returnere Flare for eksemplet ovenfor.

const company = "tipsbilk.net";

console.log(company.slice(-5));

Merk: Negativ indeksering vil ikke fungere i IE8 og tidligere versjoner.

substr(startindeks, lengde)

Metoden substr ligner på skivemetoden. Den eneste forskjellen er at metoden substr aksepterer understrenglengden som må trekkes ut fra den opprinnelige strengen.

const company = "tipsbilk.net";

console.log(company.substr(4, 5));

Det er en annen metode kalt substring som ligner på skivemetoden. Men metodedelstrengen godtar ikke negative indekser. Prøv det.

replace(substring, newSubstring)

Metoden erstatte erstatter den første forekomsten av understrengen med den nyeSubString.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "tipsbilk.net"));

indexOf(delstreng)

Metoden indexOf returnerer startindeksen til et gitt tegn fra strengen. Det vil returnere -1 hvis tegnet ikke finnes i strengen.

const company = "tipsbilk.net";

console.log(company.indexOf("Flare"));
console.log(company.indexOf("O"));

Metoden indexOf vil akseptere det andre argumentet som er en indeks som letingen starter etter den gitte understrengen.

const company = "tipsbilk.net";

console.log(company.indexOf("e"));
console.log(company.indexOf("e", 5));

Det er en annen metode kalt lastIndexOf som ligner på metoden indexOf. Den eneste forskjellen er at metoden lastIndexOf søker etter tegnet fra slutten av strengen og returnerer indeksen til den første forekomsten av tegnet. Prøv det for koden company.lastIndexOf(«e»).

del(delstreng)

Metoden splittet deler den gitte strengen på delstrengen og returnerer delene som en matrise.

const statement = "Visit, the, site, tipsbilk.net";

console.log(statement.split(" "));
console.log(statement.split(", "));

Konklusjon

Dette er ikke slutten. Utforsk de resterende metodene for strengene fra dokumentasjonen. Det kan være andre metoder som er nyttige i spesifikke tilfeller.

Søk og bruk dem i din spesifikke hvis den ikke er oppført her.

Lykke til med koding 🙂

Utforsk deretter noen av de populære JavaScript-rammeverkene.