Ismerendő karakterlánc-módszerek a JavaScriptben

A karakterláncokkal való munka a módszerek ismerete nélkül rémálom lesz a fejlesztők számára.

Ahhoz, hogy megszabaduljunk ezektől a rémálmoktól, ismernünk kell a JavaScriptben található karakterláncok legfontosabb tulajdonságait és módszereit.

Fedezzük fel őket egyenként.

hossz

A tulajdonság hossza a karakterlánc hosszát adja vissza.

const company = "etoppc.com";

console.log(company.length);

nagybetűs()

A toUpperCase metódus a karakterlánc minden karakterét nagybetűvé alakítja, és visszaadja. Nem változtatja meg az eredeti karakterláncot.

const company = "etoppc.com";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

kisbetűs()

A toLowerCase metódus a karakterlánc minden karakterét kisbetűvé alakítja, és visszaadja. Nem változtatja meg az eredeti karakterláncot.

const company = "etoppc.com";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

trim()

A metódus trim eltávolítja a karakterlánc kezdő és záró szóközeit. Ez egy helyben végzett művelet, azaz frissíti az eredeti karakterláncot.

const company = "         Geek   Flare           ";

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

charAt(index)

A charAt metódus az adott indexen lévő karaktert adja vissza. Üres karakterláncot ad vissza, ha az index nem érvényes.

const company = "etoppc.com";

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

charCodeAt(index)

A charCodeAt metódus a karakteres ASCII kódot adja vissza az adott indexen. NaN-t ad vissza, ha az index nem érvényes.

const company = "etoppc.com";

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

szelet (startIndex, endIndex)

A metódusszelet a startIndex-től az endIndex-ig tartó sztring részkarakterláncát adja vissza (nem beleértve). A string.slice(0, 6) a 0. index részkarakterláncát adja vissza az 5. indexbe.

const company = "etoppc.com";

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

A metódusszelet sing argumentumot is elfogad. Ha egyetlen argumentumot adunk át a slice metódusnak, akkor az az adott index részkarakterláncát adja vissza a karakterlánc végére.

const company = "etoppc.com";

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

A metódusszelet negatív indexeket is elfogad. A negatív indexek a karakterlánc végétől számítanak. Lássunk egy példát, mivel ez a legtöbb ember számára új.

Adott etoppc.com karakterlánc, a negatív indexek:

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

stb…

A string.slice(-9, -5) kód a Geek-et adja vissza a fenti példában.

const company = "etoppc.com";

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

A string.slice(-5) kód a Flare-t adja vissza a fenti példában.

const company = "etoppc.com";

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

Megjegyzés: A negatív indexelés nem működik IE8-ban és korábbi verziókban.

substr(kezdőindex, hossz)

A substr metódus hasonló a slice metódushoz. Az egyetlen különbség az, hogy a substr metódus elfogadja azt a részkarakterlánc hosszát, amelyet az eredeti karakterláncból kell kivonni.

const company = "etoppc.com";

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

Van egy másik metódus, az úgynevezett substring, amely hasonló a szelet módszerhez. A metódus részkarakterlánca azonban nem fogad el negatív indexeket. Próbáld ki.

csere(részkarakterlánc, newSubstring)

A csere metódus az alkarakterlánc első példányát a newSubString-re cseréli.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "etoppc.com"));

indexOf(alstring)

Az indexOf metódus egy adott karakter kezdő indexét adja vissza a karakterláncból. -1-et ad vissza, ha a karakter nem szerepel a karakterláncban.

const company = "etoppc.com";

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

Az indexOf metódus elfogadja a második argumentumot, amely egy index, amelyből az adott részkarakterlánc keresése indul.

const company = "etoppc.com";

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

Van egy másik módszer a lastIndexOf, amely hasonló az indexOf metódushoz. Az egyetlen különbség az, hogy a lastIndexOf metódus a karakterlánc végétől kezdve keresi a karaktert, és visszaadja a karakter első példányának indexét. Próbálja ki a company.lastIndexOf(‘e’) kóddal.

felosztás (részkarakterlánc)

A split metódus felosztja az adott karakterláncot az alsztringen, és a részeket tömbként adja vissza.

const statement = "Visit, the, site, etoppc.com";

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

Következtetés

Ez nem a vég. Fedezze fel a karakterláncok fennmaradó metódusait a dokumentációban. Lehetnek más módszerek is, amelyek bizonyos esetekben hasznosak.

Keresse meg és használja őket a sajátja szerint, ha nem szerepel itt.

Boldog kódolást 🙂

Ezután fedezze fel a népszerű JavaScript-keretrendszereket.