Strengmetoder at kende i JavaScript

At arbejde med strenge uden at kende metoderne vil være et mareridt for udviklere.

For at slippe af med disse mareridt skal vi kende de mest væsentlige egenskaber og metoder til strenge i JavaScript.

Lad os udforske dem én efter én.

længde

Egenskabens længde returnerer længden af ​​strengen.

const company = "toadmin.dk";

console.log(company.length);

toUpperCase()

Metoden toUpperCase ændrer hvert tegn i strengen til store bogstaver og returnerer det. Det ændrer ikke den originale streng.

const company = "toadmin.dk";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

toLowerCase()

Metoden toLowerCase ændrer hvert tegn i strengen til små bogstaver og returnerer det. Det ændrer ikke den originale streng.

const company = "toadmin.dk";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

trimme()

Metodetrimningen fjerner start- og sluthvide mellemrum fra strengen. Det er en in-place operation, dvs. opdaterer den originale streng.

const company = "         Geek   Flare           ";

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

tegnAt(indeks)

Metoden charAt returnerer tegnet ved det givne indeks. Det returnerer en tom streng, hvis indekset ikke er gyldigt.

const company = "toadmin.dk";

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

charCodeAt(indeks)

Metoden charCodeAt returnerer tegnet ASCII-koden ved det givne indeks. Det returnerer NaN, hvis indekset ikke er gyldigt.

const company = "toadmin.dk";

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

skive(startindeks, slutindeks)

Metodeudsnittet returnerer understrengen fra strengen fra startIndex til endIndex (ikke inkluderet). String.slice(0, 6) returnerer understrengen fra 0. indeks til 5. indeks.

const company = "toadmin.dk";

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

Metodeudsnittet vil også acceptere et sing-argument. Hvis du sender et enkelt argument til udsnitsmetoden, vil det returnere understrengen fra det givne indeks til slutningen af ​​strengen.

const company = "toadmin.dk";

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

Metodeudsnittet vil også acceptere negative indekser. De negative indekser tælles fra slutningen af ​​strengen. Lad os se et eksempel, da det er nyt for de fleste.

Givet streng toadmin.dk er de negative indekser

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

og så videre…

Koden string.slice(-9, -5) vil returnere Geek for ovenstående eksempel.

const company = "toadmin.dk";

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

Koden string.slice(-5) vil returnere Flare for ovenstående eksempel.

const company = "toadmin.dk";

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

Bemærk: Negativ indeksering fungerer ikke i IE8 og tidligere versioner.

substr(startindeks, længde)

Metoden substr ligner udsnitsmetoden. Den eneste forskel er, at metoden substr accepterer den delstrenglængde, der skal udtrækkes fra den originale streng.

const company = "toadmin.dk";

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

Der er en anden metode kaldet understreng, som ligner slice-metoden. Men metode-understrengen accepterer ikke negative indekser. Prøve det.

replace(substring, newSubstring)

Metoden erstatning erstatter den første instans af understrengen med den nyeSubString.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "toadmin.dk"));

indexOf(understreng)

Metoden indexOf returnerer startindekset for et givet tegn fra strengen. Det vil returnere -1, hvis tegnet ikke findes i strengen.

const company = "toadmin.dk";

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

Metoden indexOf vil acceptere det andet argument, som er et indeks, hvorfra søgningen starter efter den givne understreng.

const company = "toadmin.dk";

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

Der er en anden metode kaldet lastIndexOf, som ligner metoden indexOf. Den eneste forskel er, at metoden lastIndexOf søger efter tegnet fra slutningen af ​​strengen og returnerer indekset for den første forekomst af tegnet. Prøv det for koden company.lastIndexOf(‘e’).

split(understreng)

Metodeopdelingen opdeler den givne streng på understrengen og returnerer delene som et array.

const statement = "Visit, the, site, toadmin.dk";

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

Konklusion

Dette er ikke enden. Udforsk de resterende metoder til strengene fra dokumentationen. Der kan være andre metoder, der er nyttige i specifikke tilfælde.

Søg og brug dem i din specifikke, hvis det ikke er angivet her.

God kodning 🙂

Udforsk derefter nogle af de populære JavaScript-rammer.