10 „JavaScript“ stygų metodų, kuriuos turėtumėte išmokti šiandien

Programuodami „JavaScript“, dažnai susiduriate su scenarijais, kuriems reikia manipuliuoti eilutėmis. Pavyzdžiui, norint gauti el. Laišką, gali tekti visus simbolius paversti mažosiomis raidėmis arba naudoti įprastą išraišką, kad patikrintumėte, ar įvestas slaptažodis atitinka visas sąlygas.

„JavaScript“ eilutės metodai padės lengvai atlikti visas šias eilutės operacijas pagal jūsų reikalavimus. Čia yra 10 styginių metodų su pavyzdžiais, kurie padės geriau juos suprasti.

Kas yra „JavaScript“ eilutės metodai?

Stygos yra pagrindinė duomenų struktūra, kurią sudaro simbolių seka. Ši duomenų struktūra yra visų pagrindinių programavimo kalbų, įskaitant „Python“, „JavaScript“, „Java“ ir kt., Dalis.

Stygų metodai yra iš anksto sukurti „JavaScript“ metodai, kurie padeda kūrėjams atlikti įprastas operacijas su eilutėmis nereikalaujant nerašyti kodo rankiniu būdu. Jie vykdomi naudojant taško žymėjimą, pritvirtintą prie eilutės kintamojo.

Susijęs: Kas yra programavimo funkcija?

Kadangi jie yra tik „JavaScript“ funkcijos, jie visada baigiasi skliaustais, kuriuose gali būti pasirenkami argumentai. Tai būtina žinoti

kas yra „JavaScript“ ir kaip jis veikia prieš tęsdamas toliau. Pradėkime ir sužinokime šiuos metodus išsamiau.

Būsimiems metodams paimkime eilutės kintamąjį str su verte "Sveiki atvykę į MUO!" pavyzdžiui.

tegul str = "Sveiki atvykę į MUO!"

1. String.toLowerCase () ir String.toUppperCase ()

toLowerCase () "string" metodas visus nurodytos eilutės simbolius paverčia mažųjų formatu ir panašiai toUpperCase () metodas konvertuoja visus simbolius į didžiųjų raidžių formatą. Šios funkcijos nekeičia pradinės eilutės.

Sintaksė:

toUpperCase ()
toLowerCase ()

Patikrinkime šiuos du metodus su trumpu pavyzdžiu:

console.log (str.toLowerCase ());
console.log (str.toUpperCase ());
console.log (str);

Paleidus pirmiau nurodytą kodą konsolėje, gausite šį išvestį:

"Sveiki atvykę į muo!"
"SVEIKINAME MUO!"
"Sveiki atvykę į MUO!"

2. String.concat ()

concat () metodas naudojamas sujungti dvi ar daugiau eilučių. Prie šio metodo galite pridėti vieną ar daugiau argumentų, kad susietumėte juos į vieną eilutę. Jis nekeičia originalios eilutės.

Sintaksė:

concat (str1, str2, str3, ...)

Štai pavyzdys, parodantis dviejų eilučių sujungimą, kad būtų suformuota nauja eilutė:

tegul str2 = "Kaip tu?";
tegul newString = str.concat (str2);
console.log (newString);

"Sveiki atvykę į MUO! Kaip laikaisi?"

3. String.indexOf () ir String.lastIndexOf ()

indexOf () metodas padeda išsiaiškinti pirmąjį indeksą, kuriame yra nurodytas simbolis ar poskyris. Jis prasideda nuo kairės pusės ir seka eilutę, kad patikrintų, ar pateiktas argumentas sutampa.

Sintaksė:

indexOf (str)

Sužinokime indeksą MUO yra eilutėje su pavyzdžiu:

console.log (str.indexOf ('MUO'));

11

Jei nurodyto argumento nėra eilutėje, metodas pateikia -1 reikšmę.

console.log (str.indexOf ('Labas'));

-1

Panašiai „lastIndexOf“ () metodas grąžina nurodyto simbolio ar eilutės paskutinio įvykio indeksą. Štai pavyzdys:

console.log (str.lastIndexOf ('e'));

6

Nors abėcėlė e rodomas 1 rodyklėje, paskutinis šio simbolio atvejis yra 6 rodiklyje ir todėl grąžinamas kaip išėjimas.

4. String.charAt ()

charAt () string metodas grąžina simbolį į nurodytą eilutės indeksą. Jis priima tik vieną argumentą - indeksą, pagal kurį reikia gauti simbolį. Indekso vertė svyruoja nuo 0 iki ilgio - 1.

Sintaksė:

charAt (rodyklė)

Štai pavyzdys charAt () metodas:

console.log (str.charAt (9));
console.log (str.charAt (0));
console.log (str.charAt (str.length - 1));

o
W
!

Ankstesniame pavyzdyje, kada str.ilgis- 1 buvo perduotas kaip argumentas, metodas pateikia paskutinį eilutės simbolį. Jei įvesite neteisingą indeksą, kuris viršija leistiną diapazoną, šis metodas pateikia -1.

5. String.charCodeAt ()

Panašus į charAt metodą, charCodeAt () metodas grąžina ASCII vertė simbolio pagal nurodytą rodyklę. Šis eilutės metodas reikalauja tik vieno argumento, indekso, iš kurio reikia gauti simbolį.

Sintaksė:

charCodeAt (rodyklė)

str.charCodeAt (5);
str.charCodeAt (str. ilgis - 1);

109
33

Vėlgi, indekso vertė svyruoja nuo 0 iki ilgio - 1 ir jei bandysite perkelti indeksą, viršijantį leistiną ribą, šis metodas grąžins -1.

6. String.replace ()

Kaip rodo pavadinimas, pakeisti () metodas padeda pakeisti vieną eilutės dalį kita. Šiam metodui reikalingi du argumentai: pirmasis yra pakeičiamas substratas, o antrasis - pakeičiamas substratas. Šis metodas nekeičia originalios eilutės.

Sintaksė:

pakeisti (str1, str2)

Pvz., Jei norite pakeisti žodį MUO su šioje svetainėje eilutės kintamajame galite naudoti pakeisti () toks metodas:

tegul newString = str.replace („MUO“, „ši svetainė“);
console.log (newString);
console.log (str);

Sveiki atvykę į šią svetainę!
Sveiki atvykę į MUO!

7. String.split ()

padalyti () metodas naudojamas suskaidyti visus eilutės žodžius ar simbolius pagal metodui perduotą separatoriaus argumentą. Šio metodo grąžinimo tipas yra masyvas. Ši masyvas susideda iš visų simbolių ar pakraščių, padalytų pagal pateiktą skyriklį. Šis metodas nekeičia pradinės eilutės.

Sintaksė:

padalinti (separatorius)

Pvz., Jei tuščia vieta ("") perduodama kaip atskyrimo argumentas padalijimo metodui, išvestis atrodys taip:

tegul splitArray = str.split ("");
console.log (splitArray);

[„Sveiki atvykę“, „į“, ​​„MUO!“]

Jei nepateiksite argumento padalyti () metodas, jis grąžins masyvą su vienu elementu, susidedančiu iš jūsų eilutės kintamojo vertės.

tegul splitArray = str.split ();
console.log (splitArray);

['Sveiki atvykę į MUO!']

8. String.substring ()

substring () metodas naudojamas norint gauti pradinės eilutės pakraštį arba dalį. Šis metodas turi du parametrus: pradžios indeksą ir pabaigos indeksą. Išvesties eilutė prasideda nuo nurodyto pradžios indekso ir spausdinama iki pabaigos indekso - 1.

Sintaksė:

substring (startIndex, endIndex)

Štai trumpas pavyzdys substring () metodas:

console.log (str. substring (2,8));

„lcome“

Atkreipkite dėmesį, kad pabaigos indekso simbolis nėra išvesties dalis.

9. String.search ()

Paieška() metodas padeda rasti tam tikrą pakraštį ar simbolį originalios eilutės viduje. Šis metodas priima simbolių grupę arba pakraštį kaip argumentą ir atseka per eilutę. Radus atitikmenį, grąžinamas pradinės suderintos dalies indeksas. Kitu atveju šis metodas pateikia -1.

Sintaksė:

paieška (eilutė)

Galite pasinaudoti Paieška() tokiu būdu:

console.log (str.search ("MUO"));
console.log (str.search ("2"));

11
-1

10. String.trim ()

apkarpyti() metodas pašalina visas baltas vietas eilutėje, prieš pirmąjį ir po paskutinio simbolio. Šis metodas nereikalauja perduoti jokių parametrų ir nekeičia pradinės eilutės. Tai labai naudinga tikrinant vartotojo įvestį formose.

Sintaksė:

apkarpyti()

Paimkime naują pavyzdį, kad ištirtume šį eilutės metodą:

let untrimmedString = "Sveiki atvykę į MUO! ";
tegul trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);

"Sveiki atvykę į MUO!"
"Sveiki atvykę į MUO! "

Daugiau „JavaScript“ metodų, kuriuos reikia atlikti

Taigi tai buvo greitas kai kurių įprastų eilučių metodų apibendrinimas, kurie gali padėti jums būti produktyvesniems kaip „JavaScript“ kūrėjams. Šie metodai taip pat padės jums užkirsti kodavimo interviu klausimams, susijusiems su stygomis. Praktika yra tobula, todėl pirmyn išbandykite šiuos metodus savo konsolėje.

Kai gerai išmanote eilutės metodus, gali būti verta pažvelgti į keletą masyvo metodų, kurie gali dar labiau pagerinti jūsų „JavaScript“ valdymą.

15 „JavaScript“ masyvo metodų, kuriuos turėtumėte išmokti šiandien

Norite suprasti „JavaScript“ masyvus, bet negalite su jais susidoroti? Patikrinkite mūsų „JavaScript“ masyvo pavyzdžius.

Skaitykite toliau

Apie autorių